projects.scss 8.48 KB
Newer Older
Andrey's avatar
Andrey committed
1
2
.alert_holder {
  margin: -16px;
3

Andrey's avatar
Andrey committed
4
5
6
7
  .alert-link {
    font-weight: normal;
  }
}
8
.no-ssh-key-message, .project-limit-message {
Andrey's avatar
Andrey committed
9
10
11
  background-color: #f28d35;
  margin-bottom: 16px;
}
12
13
.new_project,
.edit_project {
14
15
  fieldset.features {
    .control-label {
16
      font-weight: normal;
17
18
    }
  }
19
}
randx's avatar
randx committed
20

21
22
23
24
25
26
27
.project-name-holder {
  .help-inline {
    vertical-align: top;
    padding: 7px;
  }
}

28
.project-home-panel {
29
30
  padding-bottom: 40px;
  border-bottom: 1px solid $border-color;
31
32
33
34
35
36
37

  .cover-controls {
    .project-settings-dropdown {
      margin-left: 10px;
    }
  }

38
  .project-identicon-holder {
39
    margin-bottom: 16px;
40

41
42
43
    .avatar, .identicon {
      margin: 0 auto;
      float: none;
44
    }
45

46
    .identicon {
47
      @include border-radius(50%);
48
    }
49
  }
50

51
  .project-home-dropdown {
52
53
54
55
    margin: 13px 0px 0;
  }

  .notifications-btn {
Jacob Schatz's avatar
Jacob Schatz committed
56
    margin-top: -28px;
57

58
59
60
61
62
63
64
    .fa-bell {
      margin-right: 6px;
    }

    .fa-angle-down {
      margin-left: 6px;
    }
65
66
  }

Douwe Maan's avatar
Douwe Maan committed
67
68
  .project-home-desc {
    h1 {
69
      color: #313236;
Douwe Maan's avatar
Douwe Maan committed
70
      margin: 0;
71
      margin-bottom: 6px;
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
72
73
      font-size: 23px;
      font-weight: normal;
Douwe Maan's avatar
Douwe Maan committed
74
75
    }

76
    p {
77
      padding: 0 $gl-padding;
78
      color: #5c5d5e;
Phil Hughes's avatar
Phil Hughes committed
79
    }
80
  }
81

82
  .visibility-level-label {
83
84
85
    @extend .btn;
    @extend .btn-gray;

86
    color: $gray;
87
    cursor: default;
88

89
90
91
    i {
      color: inherit;
    }
92
  }
93

Phil Hughes's avatar
Phil Hughes committed
94
  .project-repo-buttons {
Andriy Dyadyura's avatar
update    
Andriy Dyadyura committed
95
    margin-top: 20px;
96
    margin-bottom: 0px;
97

Jacob Schatz's avatar
Jacob Schatz committed
98
99
    .count-buttons {
      display: block;
Andriy Dyadyura's avatar
update    
Andriy Dyadyura committed
100
      margin-bottom: 20px;
Jacob Schatz's avatar
Jacob Schatz committed
101
102
    }

103
104
105
106
107
108
109
110
111
112
113
    .clone-row {
      .split-repo-buttons,
      .project-clone-holder {
        display: inline-block;
      }

      .split-repo-buttons {
        margin: 0 12px;
      }
    }

114
    .btn {
115
      @include btn-gray;
Jacob Schatz's avatar
Jacob Schatz committed
116
117
      text-transform: none;
    }
118

Jacob Schatz's avatar
Jacob Schatz committed
119
120
121
122
123
124
    .count-with-arrow {
      display: inline-block;
      position: relative;
      margin-left: 4px;

      .arrow {
Jacob Schatz's avatar
Jacob Schatz committed
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
        &:before {
          content: '';
          display: inline-block;
          position: absolute;
          width: 0;
          height: 0;
          border-color: transparent;
          border-style: solid;
          top: 50%;
          left: 0;
          margin-top: -6px;
          border-width: 7px 5px 7px 0;
          border-right-color: #dce0e5;
        }

        &:after {
          content: '';
          position: absolute;
          width: 0;
          height: 0;
          border-color: transparent;
          border-style: solid;
          top: 50%;
          left: 1px;
          margin-top: -9px;
          border-width: 10px 7px 10px 0;
          border-right-color: #FFF;
Jacob Schatz's avatar
Jacob Schatz committed
152
153
        }
      }
154
      .count {
Jacob Schatz's avatar
Jacob Schatz committed
155
        @include btn-gray;
156
        display: inline-block;
Jacob Schatz's avatar
Jacob Schatz committed
157
158
159
160
161
162
        background: white;
        border-radius: 2px;
        border-width: 1px;
        border-style: solid;
        font-size: 13px;
        font-weight: 600;
163
164
        line-height: 13px;
        padding: $gl-vert-padding $gl-padding;
Jacob Schatz's avatar
Jacob Schatz committed
165
        letter-spacing: .4px;
Andriy Dyadyura's avatar
update    
Andriy Dyadyura committed
166
        padding: 10px 14px;
Jacob Schatz's avatar
Jacob Schatz committed
167
168
169
170
171
172
173
        text-align: center;
        vertical-align: middle;
        touch-action: manipulation;
        cursor: pointer;
        background-image: none;
        white-space: nowrap;
        margin: 0 11px 0px 4px;
174
175
176
177

        &:hover {
          background: #FFF;
        }
178
179
      }
    }
Phil Hughes's avatar
Phil Hughes committed
180
  }
181
182
}

183
184
.split-one {
  display: inline-table;
Andrey's avatar
Andrey committed
185
  margin-right: 12px;
186

187
188
189
190
191
192
193
194
  a {
    margin: -1px !important;
  }
}

.dropdown-menu {
  @include box-shadow(rgba(76, 86, 103, 0.247059) 0px 0px 1px 0px, rgba(31, 37, 50, 0.317647) 0px 2px 18px 0px);
  @include border-radius (0px);
195

196
197
198
199
  border: none;
  padding: 16px 0;
  font-size: 14px;
  font-weight: 100;
200

201
202
203
  li a {
    color: #5f697a;
    line-height: 30px;
204

205
    &:hover {
206
      background-color: #3084bb !important;
207
208
    }
  }
209

210
  i {
211
212
213
214
    margin-right: 8px;
  }
}

215
.project-visibility-level-holder {
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
216
217
  .radio {
    margin-bottom: 10px;
218

Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
219
    i {
220
      margin: 2px 0;
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
221
      font-size: 20px;
222
    }
223

Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
224
    .option-title {
225
      font-weight: normal;
226
      display: inline-block;
227
      color: #313236;
228
    }
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
229
230

    .option-descr {
231
232
      margin-left: 29px;
      color: #54565b;
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
233
    }
234
235
236
  }
}

237
.save-project-loader {
238
239
240
  margin-top: 50px;
  margin-bottom: 50px;
  color: #555;
241
}
242

243
.project_member_row form {
244
245
  margin: 0px;
}
246

247
.transfer-project .select2-container {
248
249
  min-width: 200px;
}
250

251
252
253
.deploy-project-label {
  margin: 1px;
}
254
255

.vs-public {
256
  color: $gl-primary;
257
258
259
}

.vs-internal {
260
  color: $gl-warning;
261
262
263
}

.vs-private {
264
  color: $gl-success;
265
}
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
266
267

.breadcrumb.repo-breadcrumb {
268
  padding: 0;
269
  background: transparent;
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
270
  border: none;
271
  line-height: 42px;
272
  margin: 0;
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
273
274
275
276
277
278

  > li + li:before {
    padding: 0 3px;
    color: #999;
  }
}
279

280
281
282
283
.last-push-widget {
  margin-top: -1px;
}

Jacob Schatz's avatar
Jacob Schatz committed
284
285
286
.top-area {
  border-bottom: 1px solid #EEE;

287
  ul.nav-links {
Jacob Schatz's avatar
Jacob Schatz committed
288
289
290
291
292
293
294
295
296
297
    display: inline-block;
    width: 50%;
    margin-bottom: 0px;
    border-bottom: none;
  }

  .projects-search-form {
    width: 50%;
    display: inline-block;
    float: right;
298
    padding-top: 11px;
299
    text-align: right;
Jacob Schatz's avatar
Jacob Schatz committed
300
301
302

    .btn-green {
      margin-left: 10px;
303
      float: right;
Jacob Schatz's avatar
Jacob Schatz committed
304
305
    }
  }
306
307
308
309
310
311

  @media (max-width: $screen-xs-max) {
    .projects-search-form {
      padding-top: 15px;
    }
  }
Jacob Schatz's avatar
Jacob Schatz committed
312
313
}

314
.fork-namespaces {
315
316
317
  .fork-thumbnail {
    text-align: center;
    margin-bottom: $gl-padding;
318

319
320
321
    .caption {
      padding: $gl-padding 0;
      min-height: 30px;
322
323
    }

324
325
326
    img {
      @include border-radius(50%);
      max-width: 100px;
327
328
329
    }
  }
}
330

Marin Jankovski's avatar
Marin Jankovski committed
331
332
333
334
335
table.table.protected-branches-list tr.no-border {
  th, td {
    border: 0;
  }
}
336
337
338
339
340

.project-import .btn {
  float: left;
  margin-right: 10px;
}
341
342
343

.project-stats {
  text-align: center;
344
  margin-top: $gl-padding;
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
345
  margin-bottom: 0;
346
347
  padding-top: 10px;
  padding-bottom: 4px;
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
348

349
  ul.nav {
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
350
351
    display:inline-block;
  }
352

353
  .nav li {
354
355
    display:inline;
  }
356

357
  .nav > li > a {
358
    @include btn-default;
359
    @include btn-gray;
360

Andrey's avatar
Andrey committed
361
362
363
    background-color: transparent;
    border: 1px solid #f7f8fa;
    margin-left: 12px;
364
  }
365

Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
366
367
368
369
370
371
372
373
  li {
    display:inline;
  }

  a {
    float:left;
    font-size: 17px;
  }
374
375

  li.missing a {
376
377
    color: #5a6069;
    border: 1px dashed #dce0e5;
378
379

    &:hover {
380
      background-color: #f0f2f5;
381
382
    }
  }
383
384
385
386
387
}

pre.light-well {
  border-color: #f1f1f1;
}
388
389

.projects-search-form {
390
  padding: $gl-padding 0;
391
  padding-bottom: 0;
392
  margin-bottom: 0px;
Jacob Schatz's avatar
Jacob Schatz committed
393
394
395

  input {
    display: inline-block;
396
    width: calc(100% - 151px);
Jacob Schatz's avatar
Jacob Schatz committed
397
398
399
400
401
  }

  .btn {
    display: inline-block;
  }
402
403
}

404
405
.git-empty {
  margin: 0 7px 0 7px;
406

407
408
409
  h5 {
    color: #5c5d5e;
  }
410

411
412
  .light-well {
    @include border-radius (2px);
413

Andrey's avatar
Andrey committed
414
    color: #5b6169;
415
416
    font-size: 13px;
    line-height: 1.6em;
417
418
419
  }
}

420
.project-footer {
Andrey's avatar
Andrey committed
421
  margin-top: 20px;
422

423
  .btn-remove {
Andrey's avatar
Andrey committed
424
    @include btn-middle;
425
    @include btn-red;
426

427
428
429
430
    float: left !important;
  }
}

431
432
433
/*
 * Projects list rendered on dashboard and user page
 */
434

435
436
437
438
.projects-list {
  @include basic-list;

  .project-row {
439
    padding: $gl-padding 0;
Douwe Maan's avatar
Douwe Maan committed
440
    border-color: $table-border-color;
441
442
443

    &.no-description {
      .project {
444
        line-height: 44px;
445
446
447
      }
    }

448
449
    .project-full-name {
      @include str-truncated;
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
450
      font-weight: 600;
451
452
453
      color: #4c4e54;
    }

454
455
456
    .project-controls {
      float: right;
      color: $gl-gray;
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
457
      line-height: 45px;
458
      color: #7f8fa4;
459
460
461
462

      a:hover {
        text-decoration: none;
      }
463
    }
464

465
    .project-description {
466
      color: #7f8fa4;
467
468
469
470

      p {
        @include str-truncated;
        margin-bottom: 0;
471
        color: #7f8fa4;
472
      }
473
474
    }
  }
475
476
477
478
479

  .bottom {
    padding-top: $gl-padding;
    padding-bottom: 0;
  }
480
481
}

482
483
.panel .projects-list li {
  padding: 10px 15px;
484
  margin: 0;
485
}
486
487
488
489
490
491

.project-show-activity {
  .activity-filter-block {
    margin-top: -1px;
  }
}
492

493
494
495
496
497
498
499
500
501
502
.project-last-commit {
  .ci-status {
    margin-right: 16px;
  }

  .commit-row-message {
    color: $gl-gray;
  }

  .commit_short_id {
503
    margin-right: 5px;
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
    color: $gl-link-color;
    font-weight: 600;
  }

  .commit-author-link {
    margin-left: 7px;
    text-decoration: none;
    .avatar {
      float: none;
      margin-right: 4px;
    }

    .commit-author-name {
      font-weight: 600;
    }
  }
}
521
522

.project-show-readme .readme-holder {
523
  padding: $gl-padding 0;
524
  border-top: 0;
525

526
527
528
529
  .edit-project-readme {
    z-index: 100;
    position: relative;
  }
530
}
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559

.git-clone-holder {
  width: 498px;

  .btn-clipboard {
    border: 1px solid $border-color;
    padding: 6px $gl-padding;
  }

  .project-home-dropdown + & {
    margin-right: 45px;
  }

  .clone-options {
    display: table-cell;
    a.btn {
      width: 100%;
    }
  }

  .form-control {
    @extend .monospace;
    background: #FFF;
    font-size: 14px;
    margin-left: -1px;
    cursor: auto;
    width: 101%;
  }
}
560

561
562
.cannot-be-merged, 
.cannot-be-merged:hover {
563
  color: #E62958;
564
  margin-top: 2px;
565
}