projects.scss 9.35 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
  }

  .btn {
    display: inline-block;
Rubén Dávila's avatar
Rubén Dávila committed
401
    width: 135px;
Jacob Schatz's avatar
Jacob Schatz committed
402
  }
403
404
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .commit_short_id {
504
    margin-right: 5px;
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
    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;
    }
  }
}
522
523

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

527
528
529
530
  .edit-project-readme {
    z-index: 100;
    position: relative;
  }
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
560

.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%;
  }
}
561

562
563
.cannot-be-merged, 
.cannot-be-merged:hover {
564
  color: #E62958;
565
  margin-top: 2px;
566
}
567
568
569
570
571

/*
 * Forks list rendered on Project's forks page
 */

Rubén Dávila's avatar
Rubén Dávila committed
572
573
574
575
.forks-top-block {
  padding: 16px 0;
}

Rubén Dávila's avatar
Rubén Dávila committed
576
577
578
579
580
581
582
.projects-search-form {
  &.fork-search-form {
    margin: 0;
    margin-top: -$gl-padding;
    padding-bottom: 0;

    input {
Rubén Dávila's avatar
Rubén Dávila committed
583
584
585
586
587
588
589
590
      /* Small devices (tablets, 768px and up) */
      @media (min-width: $screen-sm-min) { width: 180px; }

      /* Medium devices (desktops, 992px and up) */
      @media (min-width: $screen-md-min) { width: 350px; }

      /* Large devices (large desktops, 1200px and up) */
      @media (min-width: $screen-lg-min) { width: 400px; }
Rubén Dávila's avatar
Rubén Dávila committed
591
592
    }

Rubén Dávila's avatar
Rubén Dávila committed
593
    .sort-forks {
Rubén Dávila's avatar
Rubén Dávila committed
594
595
596
      width: 160px;
    }

597
    .fork-link {
Rubén Dávila's avatar
Rubén Dávila committed
598
599
600
601
602
603
604
605
606
607
      float: right;
      margin-left: $gl-padding;

      a.btn-new {
        width: 110px;
      }
    }
  }
}

608
.private-forks-notice .private-fork-icon {
Rubén Dávila's avatar
Rubén Dávila committed
609
  i:nth-child(1) {
610
611
    color: #2AA056;
  }
Rubén Dávila's avatar
Rubén Dávila committed
612
613

  i:nth-child(2) {
614
615
616
    color: #FFFFFF;
  }
}