projects.scss 7.25 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

  .cover-controls {
    .project-settings-dropdown {
      margin-left: 10px;
Alfredo Sumaran's avatar
Alfredo Sumaran committed
35
      display: inline-block;
36
37
38
    }
  }

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

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

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

52
  .notifications-btn {
Jacob Schatz's avatar
Jacob Schatz committed
53
    margin-top: -28px;
54

55
56
57
58
59
60
61
    .fa-bell {
      margin-right: 6px;
    }

    .fa-angle-down {
      margin-left: 6px;
    }
62
63
  }

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

73
74
75
76
77
78
79
    .visibility-icon {
      display: inline-block;
      margin-left: 5px;
      font-size: 18px;
      color: $gray;
    }

80
    p {
81
      padding: 0 $gl-padding;
82
      color: #5c5d5e;
Phil Hughes's avatar
Phil Hughes committed
83
    }
84
  }
85

Phil Hughes's avatar
Phil Hughes committed
86
  .project-repo-buttons {
Andriy Dyadyura's avatar
update    
Andriy Dyadyura committed
87
    margin-top: 20px;
88
    margin-bottom: 0;
89

Jacob Schatz's avatar
Jacob Schatz committed
90
91
    .count-buttons {
      display: block;
Andriy Dyadyura's avatar
update    
Andriy Dyadyura committed
92
      margin-bottom: 20px;
Jacob Schatz's avatar
Jacob Schatz committed
93
94
    }

95
96
97
98
99
100
101
102
103
104
105
    .clone-row {
      .split-repo-buttons,
      .project-clone-holder {
        display: inline-block;
      }

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

106
    .btn {
107
      @include btn-gray;
Jacob Schatz's avatar
Jacob Schatz committed
108
109
      text-transform: none;
    }
110

Jacob Schatz's avatar
Jacob Schatz committed
111
112
113
114
115
116
    .count-with-arrow {
      display: inline-block;
      position: relative;
      margin-left: 4px;

      .arrow {
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
        &: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;
143
          border-right-color: #fff;
Jacob Schatz's avatar
Jacob Schatz committed
144
145
        }
      }
146
      .count {
Jacob Schatz's avatar
Jacob Schatz committed
147
        @include btn-gray;
148
        display: inline-block;
Jacob Schatz's avatar
Jacob Schatz committed
149
150
151
152
153
154
        background: white;
        border-radius: 2px;
        border-width: 1px;
        border-style: solid;
        font-size: 13px;
        font-weight: 600;
155
156
        line-height: 13px;
        padding: $gl-vert-padding $gl-padding;
Jacob Schatz's avatar
Jacob Schatz committed
157
        letter-spacing: .4px;
Andriy Dyadyura's avatar
update    
Andriy Dyadyura committed
158
        padding: 10px 14px;
Jacob Schatz's avatar
Jacob Schatz committed
159
160
161
162
163
164
        text-align: center;
        vertical-align: middle;
        touch-action: manipulation;
        cursor: pointer;
        background-image: none;
        white-space: nowrap;
165
        margin: 0 11px 0 4px;
166
167

        &:hover {
168
          background: #fff;
169
        }
170
171
      }
    }
Phil Hughes's avatar
Phil Hughes committed
172
  }
173
174
}

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

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

184
.project-visibility-level-holder {
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
185
186
  .radio {
    margin-bottom: 10px;
187

Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
188
    i {
189
      margin: 2px 0;
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
190
      font-size: 20px;
191
    }
192

Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
193
    .option-title {
194
      font-weight: normal;
195
      display: inline-block;
196
      color: #313236;
197
    }
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
198
199

    .option-descr {
200
201
      margin-left: 29px;
      color: #54565b;
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
202
    }
203
204
205
  }
}

206
.save-project-loader {
207
208
209
  margin-top: 50px;
  margin-bottom: 50px;
  color: #555;
210
}
211

212
.project_member_row form {
213
  margin: 0;
214
}
215

216
.transfer-project .select2-container {
217
218
  min-width: 200px;
}
219

220
221
222
.deploy-project-label {
  margin: 1px;
}
223
224

.vs-public {
225
  color: $gl-primary;
226
227
228
}

.vs-internal {
229
  color: $gl-warning;
230
231
232
}

.vs-private {
233
  color: $gl-success;
234
}
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
235
236

.breadcrumb.repo-breadcrumb {
237
  padding: 0;
238
  background: transparent;
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
239
  border: none;
240
  line-height: 42px;
241
  margin: 0;
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
242
243
244
245
246
247

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

249
250
251
252
.last-push-widget {
  margin-top: -1px;
}

253
.fork-namespaces {
254
255
256
  .fork-thumbnail {
    text-align: center;
    margin-bottom: $gl-padding;
257

258
259
260
    .caption {
      padding: $gl-padding 0;
      min-height: 30px;
261
262
    }

263
264
265
    img {
      @include border-radius(50%);
      max-width: 100px;
266
267
268
    }
  }
}
269

Marin Jankovski's avatar
Marin Jankovski committed
270
271
272
273
274
table.table.protected-branches-list tr.no-border {
  th, td {
    border: 0;
  }
}
275
276
277
278
279

.project-import .btn {
  float: left;
  margin-right: 10px;
}
280
281
282

.project-stats {
  text-align: center;
283
  margin-top: $gl-padding;
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
284
  margin-bottom: 0;
285
286
  padding-top: 10px;
  padding-bottom: 4px;
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
287

288
  ul.nav {
289
    display: inline-block;
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
290
  }
291

292
  .nav li {
293
    display: inline;
294
  }
295

296
  .nav > li > a {
297
    @include btn-default;
298
    @include btn-gray;
299

Andrey's avatar
Andrey committed
300
301
302
    background-color: transparent;
    border: 1px solid #f7f8fa;
    margin-left: 12px;
303
  }
304

Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
305
  li {
306
    display: inline;
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
307
308
309
  }

  a {
310
    float: left;
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
311
312
    font-size: 17px;
  }
313
314

  li.missing a {
315
316
    color: #5a6069;
    border: 1px dashed #dce0e5;
317
318

    &:hover {
319
      background-color: #f0f2f5;
320
321
    }
  }
322
323
324
325
326
}

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

328
329
.git-empty {
  margin: 0 7px 0 7px;
330

331
332
333
  h5 {
    color: #5c5d5e;
  }
334

335
336
  .light-well {
    @include border-radius (2px);
337

Andrey's avatar
Andrey committed
338
    color: #5b6169;
339
340
    font-size: 13px;
    line-height: 1.6em;
341
342
343
  }
}

344
.project-footer {
Andrey's avatar
Andrey committed
345
  margin-top: 20px;
346

347
  .btn-remove {
Andrey's avatar
Andrey committed
348
    @include btn-middle;
349
    @include btn-red;
350

351
352
353
354
    float: left !important;
  }
}

355
356
357
/*
 * Projects list rendered on dashboard and user page
 */
358

359
360
361
362
.projects-list {
  @include basic-list;

  .project-row {
Douwe Maan's avatar
Douwe Maan committed
363
    border-color: $table-border-color;
364
365
366

    &.no-description {
      .project {
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
367
        line-height: 40px;
368
369
370
      }
    }

371
372
    .project-full-name {
      @include str-truncated;
373
374
    }

375
    .controls {
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
376
      line-height: 40px;
377
378
379
380

      a:hover {
        text-decoration: none;
      }
381
382
383
384

      > span {
        margin-left: 10px;
      }
385
    }
386
  }
387
388
389
390
391

  .bottom {
    padding-top: $gl-padding;
    padding-bottom: 0;
  }
392
393
}

394
395
.panel .projects-list li {
  padding: 10px 15px;
396
  margin: 0;
397
}
398
399
400
401
402
403

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

405
406
407
408
409
410
411
412
413
414
.project-last-commit {
  .ci-status {
    margin-right: 16px;
  }

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

  .commit_short_id {
415
    margin-right: 5px;
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
    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;
    }
  }
}
433
434

.project-show-readme .readme-holder {
435
  padding: $gl-padding 0;
436
  border-top: 0;
437

438
439
440
441
  .edit-project-readme {
    z-index: 100;
    position: relative;
  }
442
}
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464

.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;
465
    background: #fff;
466
467
468
469
470
471
    font-size: 14px;
    margin-left: -1px;
    cursor: auto;
    width: 101%;
  }
}
472

473
.cannot-be-merged,
474
.cannot-be-merged:hover {
475
  color: #e62958;
476
  margin-top: 2px;
477
}
478
479

.private-forks-notice .private-fork-icon {
Rubén Dávila's avatar
Rubén Dávila committed
480
  i:nth-child(1) {
481
    color: #2aa056;
482
  }
Rubén Dávila's avatar
Rubén Dávila committed
483
484

  i:nth-child(2) {
485
    color: #fff;
486
487
  }
}