projects.scss 9.38 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
14
15
.new_project,
.edit_project {
  fieldset.features {
    .control-label {
16
      font-weight: normal;
17
18
19
20
21
22
23
24
25
26
27
28
29
    }
  }
}

.project-name-holder {
  .help-inline {
    vertical-align: top;
    padding: 7px;
  }
}

.project-home-panel {
  .project-identicon-holder {
30
    margin-bottom: 16px;
31

32
33
34
    .avatar, .identicon {
      margin: 0 auto;
      float: none;
35
    }
36

37
    .identicon {
38
      @include border-radius(50%);
39
    }
40
  }
41

42
  .project-home-dropdown {
43
44
45
46
47
48
49
50
51
52
53
    margin: 13px 0px 0;
  }

  .notifications-btn {
    .fa-bell {
      margin-right: 6px;
    }

    .fa-angle-down {
      margin-left: 6px;
    }
54
55
  }

Douwe Maan's avatar
Douwe Maan committed
56
57
  .project-home-desc {
    h1 {
58
      color: #313236;
Douwe Maan's avatar
Douwe Maan committed
59
      margin: 0;
60
      margin-bottom: 6px;
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
61
62
      font-size: 23px;
      font-weight: normal;
Douwe Maan's avatar
Douwe Maan committed
63
64
    }

65
    p {
66
      padding: 0 $gl-padding;
67
      color: #5c5d5e;
Phil Hughes's avatar
Phil Hughes committed
68
    }
69
  }
70

71
  .git-clone-holder {
72
    max-width: 498px;
73
74
75

    .form-control {
      background: #FFF;
76
77
      font-size: 14px;
      height: 42px;
Andrey's avatar
Andrey committed
78
      margin-left: -1px;
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
92
    i {
      color: inherit;
    }
  }
93

94
95
96
97
98
  .input-group {
    display: inline-table;
    position: relative;
    top: 17px;
  }
99

Phil Hughes's avatar
Phil Hughes committed
100
  .project-repo-buttons {
101
102
    margin-top: 12px;
    margin-bottom: 0px;
103

Jacob Schatz's avatar
Jacob Schatz committed
104
105
106
107
    .count-buttons {
      display: block;
    }

108
    .btn {
109
      @include btn-gray;
Jacob Schatz's avatar
Jacob Schatz committed
110
111
112
113
114
115
      text-transform: none;
    }
    .count-with-arrow {
      display: inline-block;
      position: relative;
      margin-left: 4px;
116

Jacob Schatz's avatar
Jacob Schatz committed
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
      .arrow {
          &: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;
        }
      }
147
      .count {
Jacob Schatz's avatar
Jacob Schatz committed
148
        @include btn-gray;
149
        display: inline-block;
Jacob Schatz's avatar
Jacob Schatz committed
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
        background: white;
        border-radius: 2px;
        border-width: 1px;
        border-style: solid;
        font-size: 13px;
        font-weight: 600;
        line-height: 20px;
        padding: 11px 16px;
        letter-spacing: .4px;
        padding: 10px;
        text-align: center;
        vertical-align: middle;
        touch-action: manipulation;
        cursor: pointer;
        background-image: none;
        white-space: nowrap;
        margin: 0 11px 0px 4px;
167
168
169
170

        &:hover {
          background: #FFF;
        }
171
172
      }
    }
Phil Hughes's avatar
Phil Hughes committed
173
  }
174
175
}

176
177
.split-one {
  display: inline-table;
Andrey's avatar
Andrey committed
178
  margin-right: 12px;
179

180
181
182
183
184
  a {
    margin: -1px !important;
  }
}

185
186
187
188
189
190
191
192
193
.git-clone-holder {
  .project-home-dropdown + & {
    margin-right: 45px;
  }

  .form-control {
    cursor: auto;
    @extend .monospace;
    background: #FAFAFA;
Andrey's avatar
Andrey committed
194
    width: 101%;
195
  }
196
197

  .input-group-addon {
198
    background: #f7f8fa;
199
200
201
202

    &.git-protocols {
      padding: 0;
      border: none;
203

204
205
      .input-group-btn:last-child > .btn {
        @include border-radius-right(0);
206

207
208
209
        border-left: 1px solid #c6cacf;
        margin-left: -2px !important;
      }
210
    }
211
  }
212
213
}

214
.projects-search-form {
215

Andrey's avatar
Andrey committed
216
217
218
219
220
221
  .input-group .form-control {
    height: 42px;
  }
}

.input-group-btn {
222
  .btn {
223
    @include btn-gray;
Andrey's avatar
Andrey committed
224
    @include btn-middle;
225

Andrey's avatar
Andrey committed
226
227
228
    &:hover {
      outline: none;
    }
229

Andrey's avatar
Andrey committed
230
231
232
    &:focus {
      outline: none;
    }
233

Andrey's avatar
Andrey committed
234
235
236
    &:active {
      outline: none;
    }
237
238
239
240
241

    &.btn-clipboard {
      padding-left: 15px;
      padding-right: 15px;
    }
242
  }
243

Andrey's avatar
Andrey committed
244
  .active {
245
    @include box-shadow(inset 0 0 4px rgba(0, 0, 0, 0.12));
246

247
248
249
    border: 1px solid #c6cacf !important;
    background-color: #e4e7ed !important;
  }
250

Andrey's avatar
Andrey committed
251
252
253
  .btn-green {
    @include btn-green
  }
254

255
256
257
258
}

.split-repo-buttons {
  display: inline-table;
Andrey's avatar
Andrey committed
259
  margin: 0 12px 0 12px;
260

Andrey's avatar
Andrey committed
261
  .btn{
262
    @include btn-gray;
263
    @include btn-default;
264
  }
265

266
  .dropdown-toggle  {
Andrey's avatar
Andrey committed
267
    margin: -5px;
268
  }
269
270
271
272
273
274
}

#notification-form {
  margin-left: 5px;
}

Andrey's avatar
Andrey committed
275
276
277
278
279
.dropdown-new {
  margin-left: -5px;
}

.open > .dropdown-new.btn {
280
  @include box-shadow(inset 0 0 4px rgba(0, 0, 0, 0.12));
281

282
283
284
  border: 1px solid #c6cacf !important;
  background-color: #e4e7ed !important;
  text-transform: uppercase;
Andrey's avatar
Andrey committed
285
  color: #313236 !important;
286
287
288
289
290
291
292
  font-size: 13px;
  font-weight: 600;
}

.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);
293

294
295
296
297
  border: none;
  padding: 16px 0;
  font-size: 14px;
  font-weight: 100;
298

299
300
301
  li a {
    color: #5f697a;
    line-height: 30px;
302

303
    &:hover {
304
      background-color: #3084bb !important;
305
306
    }
  }
307

308
  i {
309
310
311
312
    margin-right: 8px;
  }
}

313
314
315
316
317
.project-visibility-level-holder {
  .radio {
    margin-bottom: 10px;

    i {
318
      margin: 2px 0;
319
320
321
322
      font-size: 20px;
    }

    .option-title {
323
      font-weight: normal;
324
      display: inline-block;
325
      color: #313236;
326
327
328
    }

    .option-descr {
329
330
      margin-left: 29px;
      color: #54565b;
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
    }
  }
}

.save-project-loader {
  margin-top: 50px;
  margin-bottom: 50px;
  color: #555;
}

ul.nav.nav-projects-tabs {
  @extend .nav-tabs;

  padding-left: 8px;

  li {
    a {
      padding: 6px 25px;
      margin-top: 2px;
      border-color: #DDD;
      background-color: #EEE;
      text-shadow: 0 1px 1px white;
      color: #555;
    }
    &.active {
      a {
        font-weight: bold;
      }
    }
  }
}

363
.project_member_row form {
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
  margin: 0px;
}

.transfer-project .select2-container {
  min-width: 200px;
}

.deploy-project-label {
  margin: 1px;
}

.vs-public {
  color: $gl-primary;
}

.vs-internal {
  color: $gl-warning;
}

.vs-private {
  color: $gl-success;
}

.breadcrumb.repo-breadcrumb {
388
  padding: 0;
389
  line-height: 42px;
390
  background: transparent;
391
  border: none;
392
  margin: 0;
393
394
395
396
397
398
399
400

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

.fork-namespaces {
401
402
403
  .fork-thumbnail {
    text-align: center;
    margin-bottom: $gl-padding;
404

405
406
407
    .caption {
      padding: $gl-padding 0;
      min-height: 30px;
408
409
    }

410
411
412
    img {
      @include border-radius(50%);
      max-width: 100px;
413
414
415
416
417
418
419
420
421
    }
  }
}

table.table.protected-branches-list tr.no-border {
  th, td {
    border: 0;
  }
}
422
423
424
425
426

.project-import .btn {
  float: left;
  margin-right: 10px;
}
427
428
429

.project-stats {
  text-align: center;
430
  margin-top: $gl-padding;
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
431
  margin-bottom: 0;
432
433
  padding-top: 10px;
  padding-bottom: 4px;
434

Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
435
436
437
  ul.nav-pills {
    display:inline-block;
  }
438

439
440
441
  .nav-pills li {
    display:inline;
  }
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
442

443
  .nav > li > a {
444
    @include btn-default;
445
    @include btn-gray;
446

Andrey's avatar
Andrey committed
447
448
449
    background-color: transparent;
    border: 1px solid #f7f8fa;
    margin-left: 12px;
450
  }
451

Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
452
453
454
455
456
457
458
459
  li {
    display:inline;
  }

  a {
    float:left;
    font-size: 17px;
  }
460
461

  li.missing a {
462
463
    color: #5a6069;
    border: 1px dashed #dce0e5;
464
465

    &:hover {
466
      background-color: #f0f2f5;
467
468
    }
  }
469
470
471
472
473
}

pre.light-well {
  border-color: #f1f1f1;
}
474
475

.projects-search-form {
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
476
  margin: -$gl-padding;
477
  background-color: #f8fafc;
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
478
  padding: $gl-padding;
479
  margin-bottom: 0px;
480
481
  border-top: 1px solid #e7e9ed;
  border-bottom: 1px solid #e7e9ed;
482
483
}

484
485
.git-empty {
  margin: 0 7px 0 7px;
486

487
488
489
  h5 {
    color: #5c5d5e;
  }
490

491
492
  .light-well {
    @include border-radius (2px);
493

Andrey's avatar
Andrey committed
494
    color: #5b6169;
495
496
    font-size: 13px;
    line-height: 1.6em;
497
498
499
  }
}

500
.project-footer {
Andrey's avatar
Andrey committed
501
  margin-top: 20px;
502

503
  .btn-remove {
Andrey's avatar
Andrey committed
504
    @include btn-middle;
505
    @include btn-red;
506

507
508
509
510
    float: left !important;
  }
}

511
512
513
/*
 * Projects list rendered on dashboard and user page
 */
514

515
516
.projects-list {
  @include basic-list;
517

518
  .project-row {
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
519
    padding: $gl-padding;
Douwe Maan's avatar
Douwe Maan committed
520
    border-color: $table-border-color;
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
521
522
    margin-left: -$gl-padding;
    margin-right: -$gl-padding;
523
524
525

    &.no-description {
      .project {
526
        line-height: 44px;
527
528
529
      }
    }

530
531
    .project-full-name {
      @include str-truncated;
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
532
      font-weight: 600;
533
534
535
      color: #4c4e54;
    }

536
537
538
    .project-controls {
      float: right;
      color: $gl-gray;
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
539
      line-height: 45px;
540
      color: #7f8fa4;
541
542
543
544

      a:hover {
        text-decoration: none;
      }
545
    }
546

547
    .project-description {
548
      color: #7f8fa4;
549
550
551
552

      p {
        @include str-truncated;
        margin-bottom: 0;
553
        color: #7f8fa4;
554
      }
555
556
    }
  }
557
558
559
560
561

  .bottom {
    padding-top: $gl-padding;
    padding-bottom: 0;
  }
562
563
}

564
565
.panel .projects-list li {
  padding: 10px 15px;
566
  margin: 0;
567
}
568
569
570
571
572
573

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

.project-last-commit {
576
577
  margin: 0 7px;

578
579
580
581
582
583
584
585
586
  .ci-status {
    margin-right: 16px;
  }

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

  .commit_short_id {
587
    margin-right: 5px;
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
    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;
    }
  }
}
605

606
.project-show-readme .readme-holder {
607
608
  margin-left: -$gl-padding;
  margin-right: -$gl-padding;
609
  padding: ($gl-padding + 7px);
610
  border-top: 0;
611

612
613
614
615
  .edit-project-readme {
    z-index: 100;
    position: relative;
  }
616
}