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

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 {
394
    padding: $gl-padding 0;
Douwe Maan's avatar
Douwe Maan committed
395
    border-color: $table-border-color;
396
397
398

    &.no-description {
      .project {
399
        line-height: 44px;
400
401
402
      }
    }

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

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

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

420
    .project-description {
421
      color: #7f8fa4;
422
423
424
425

      p {
        @include str-truncated;
        margin-bottom: 0;
426
        color: #7f8fa4;
427
      }
428
429
    }
  }
430
431
432
433
434

  .bottom {
    padding-top: $gl-padding;
    padding-bottom: 0;
  }
435
436
}

437
438
.panel .projects-list li {
  padding: 10px 15px;
439
  margin: 0;
440
}
441
442
443
444
445
446

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

448
449
450
451
452
453
454
455
456
457
.project-last-commit {
  .ci-status {
    margin-right: 16px;
  }

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

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

.project-show-readme .readme-holder {
478
  padding: $gl-padding 0;
479
  border-top: 0;
480

481
482
483
484
  .edit-project-readme {
    z-index: 100;
    position: relative;
  }
485
}
486
487
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

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

516
.cannot-be-merged,
517
.cannot-be-merged:hover {
518
  color: #E62958;
519
  margin-top: 2px;
520
}
521
522

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

  i:nth-child(2) {
528
529
530
    color: #FFFFFF;
  }
}