projects.scss 7.98 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
  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);
194
  @include border-radius ($input-border-radius);
195

196
  border: none;
197
  padding: 10px 0;
198
199
  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;
}

284
.fork-namespaces {
285
286
287
  .fork-thumbnail {
    text-align: center;
    margin-bottom: $gl-padding;
288

289
290
291
    .caption {
      padding: $gl-padding 0;
      min-height: 30px;
292
293
    }

294
295
296
    img {
      @include border-radius(50%);
      max-width: 100px;
297
298
299
    }
  }
}
300

Marin Jankovski's avatar
Marin Jankovski committed
301
302
303
304
305
table.table.protected-branches-list tr.no-border {
  th, td {
    border: 0;
  }
}
306
307
308
309
310

.project-import .btn {
  float: left;
  margin-right: 10px;
}
311
312
313

.project-stats {
  text-align: center;
314
  margin-top: $gl-padding;
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
315
  margin-bottom: 0;
316
317
  padding-top: 10px;
  padding-bottom: 4px;
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
318

319
  ul.nav {
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
320
321
    display:inline-block;
  }
322

323
  .nav li {
324
325
    display:inline;
  }
326

327
  .nav > li > a {
328
    @include btn-default;
329
    @include btn-gray;
330

Andrey's avatar
Andrey committed
331
332
333
    background-color: transparent;
    border: 1px solid #f7f8fa;
    margin-left: 12px;
334
  }
335

Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
336
337
338
339
340
341
342
343
  li {
    display:inline;
  }

  a {
    float:left;
    font-size: 17px;
  }
344
345

  li.missing a {
346
347
    color: #5a6069;
    border: 1px dashed #dce0e5;
348
349

    &:hover {
350
      background-color: #f0f2f5;
351
352
    }
  }
353
354
355
356
357
}

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

359
360
.git-empty {
  margin: 0 7px 0 7px;
361

362
363
364
  h5 {
    color: #5c5d5e;
  }
365

366
367
  .light-well {
    @include border-radius (2px);
368

Andrey's avatar
Andrey committed
369
    color: #5b6169;
370
371
    font-size: 13px;
    line-height: 1.6em;
372
373
374
  }
}

375
.project-footer {
Andrey's avatar
Andrey committed
376
  margin-top: 20px;
377

378
  .btn-remove {
Andrey's avatar
Andrey committed
379
    @include btn-middle;
380
    @include btn-red;
381

382
383
384
385
    float: left !important;
  }
}

386
387
388
/*
 * Projects list rendered on dashboard and user page
 */
389

390
391
392
393
.projects-list {
  @include basic-list;

  .project-row {
Douwe Maan's avatar
Douwe Maan committed
394
    border-color: $table-border-color;
395
396
397

    &.no-description {
      .project {
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
398
        line-height: 40px;
399
400
401
      }
    }

402
403
    .project-full-name {
      @include str-truncated;
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
404
      font-weight: 600;
405
406
407
      color: #4c4e54;
    }

408
409
410
    .project-controls {
      float: right;
      color: $gl-gray;
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
411
      line-height: 40px;
412
      color: #7f8fa4;
413
414
415
416

      a:hover {
        text-decoration: none;
      }
417
418
419
420

      > span {
        margin-left: 10px;
      }
421
    }
422

423
    .project-description {
424
      color: #7f8fa4;
425
426
427
428

      p {
        @include str-truncated;
        margin-bottom: 0;
429
        color: #7f8fa4;
430
      }
431
432
    }
  }
433
434
435
436
437

  .bottom {
    padding-top: $gl-padding;
    padding-bottom: 0;
  }
438
439
}

440
441
.panel .projects-list li {
  padding: 10px 15px;
442
  margin: 0;
443
}
444
445
446
447
448
449

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

451
452
453
454
455
456
457
458
459
460
.project-last-commit {
  .ci-status {
    margin-right: 16px;
  }

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

  .commit_short_id {
461
    margin-right: 5px;
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
    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;
    }
  }
}
479
480

.project-show-readme .readme-holder {
481
  padding: $gl-padding 0;
482
  border-top: 0;
483

484
485
486
487
  .edit-project-readme {
    z-index: 100;
    position: relative;
  }
488
}
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517

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

519
.cannot-be-merged,
520
.cannot-be-merged:hover {
521
  color: #E62958;
522
  margin-top: 2px;
523
}
524
525

.private-forks-notice .private-fork-icon {
Rubén Dávila's avatar
Rubén Dávila committed
526
  i:nth-child(1) {
527
528
    color: #2AA056;
  }
Rubén Dávila's avatar
Rubén Dávila committed
529
530

  i:nth-child(2) {
531
532
533
    color: #FFFFFF;
  }
}