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

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

.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

      .dropdown-menu {
        left: auto;
        width: auto;
40
        right: 0;
41
42
        max-width: 240px;
      }
43
44
45
    }
  }

46
  .project-identicon-holder {
47
    margin-bottom: 16px;
48

49
50
51
    .avatar, .identicon {
      margin: 0 auto;
      float: none;
52
    }
53

54
    .identicon {
55
      @include border-radius(50%);
56
    }
57
  }
58

59
  .notifications-btn {
Jacob Schatz's avatar
Jacob Schatz committed
60
    margin-top: -28px;
61

62
63
64
65
66
67
68
    .fa-bell {
      margin-right: 6px;
    }

    .fa-angle-down {
      margin-left: 6px;
    }
69
70
  }

Phil Hughes's avatar
Phil Hughes committed
71
  .project-repo-buttons {
Andriy Dyadyura's avatar
update  
Andriy Dyadyura committed
72
    margin-top: 20px;
73
    margin-bottom: 0;
74

Jacob Schatz's avatar
Jacob Schatz committed
75
76
    .count-buttons {
      display: block;
Andriy Dyadyura's avatar
update  
Andriy Dyadyura committed
77
      margin-bottom: 20px;
Jacob Schatz's avatar
Jacob Schatz committed
78
79
    }

80
81
82
83
84
85
86
87
88
89
90
    .clone-row {
      .split-repo-buttons,
      .project-clone-holder {
        display: inline-block;
      }

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

91
    .btn {
92
      @include btn-gray;
Jacob Schatz's avatar
Jacob Schatz committed
93
94
      text-transform: none;
    }
95

Jacob Schatz's avatar
Jacob Schatz committed
96
97
98
99
    .count-with-arrow {
      display: inline-block;
      position: relative;
      margin-left: 4px;
100

Jacob Schatz's avatar
Jacob Schatz committed
101
      .arrow {
Jacob Schatz's avatar
Jacob Schatz committed
102
103
104
105
106
107
108
109
110
111
112
113
114
115
        &: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;
        }
Jacob Schatz's avatar
Jacob Schatz committed
116

Jacob Schatz's avatar
Jacob Schatz committed
117
118
119
120
121
122
123
124
125
126
127
        &: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;
128
          border-right-color: #fff;
Jacob Schatz's avatar
Jacob Schatz committed
129
130
        }
      }
131
      .count {
Jacob Schatz's avatar
Jacob Schatz committed
132
        @include btn-gray;
133
        display: inline-block;
Jacob Schatz's avatar
Jacob Schatz committed
134
135
136
137
138
139
        background: white;
        border-radius: 2px;
        border-width: 1px;
        border-style: solid;
        font-size: 13px;
        font-weight: 600;
140
141
        line-height: 13px;
        padding: $gl-vert-padding $gl-padding;
Jacob Schatz's avatar
Jacob Schatz committed
142
        letter-spacing: .4px;
Andriy Dyadyura's avatar
update  
Andriy Dyadyura committed
143
        padding: 10px 14px;
Jacob Schatz's avatar
Jacob Schatz committed
144
145
146
147
148
149
        text-align: center;
        vertical-align: middle;
        touch-action: manipulation;
        cursor: pointer;
        background-image: none;
        white-space: nowrap;
150
        margin: 0 11px 0 4px;
151
152

        &:hover {
153
          background: #fff;
154
        }
155
156
      }
    }
Phil Hughes's avatar
Phil Hughes committed
157
  }
158
159
}

160
161
.split-one {
  display: inline-table;
Andrey's avatar
Andrey committed
162
  margin-right: 12px;
163

164
  a {
165
    margin: -1px;
166
167
168
  }
}

169
170
171
172
173
.project-visibility-level-holder {
  .radio {
    margin-bottom: 10px;

    i {
174
      margin: 2px 0;
175
176
177
178
      font-size: 20px;
    }

    .option-title {
179
      font-weight: normal;
180
      display: inline-block;
Annabel Dunstone's avatar
Annabel Dunstone committed
181
      color: $gl-gray-dark;
182
183
184
    }

    .option-descr {
185
186
      margin-left: 29px;
      color: #54565b;
187
188
189
190
191
192
193
194
195
196
    }
  }
}

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

197
.project_member_row form {
198
  margin: 0;
199
200
201
202
203
204
}

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

Phil Hughes's avatar
Phil Hughes committed
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
.deploy-key-content {
  @media (min-width: $screen-sm-min) {
    float: left;

    &:last-child {
      float: right;
    }
  }
}

.deploy-key-projects {
  @media (min-width: $screen-sm-min) {
    line-height: 42px;
  }
}

a.deploy-project-label {
  padding: 5px;
  margin-right: 5px;
  color: $gl-gray;
  background-color: $row-hover;

  &:hover {
    color: $gl-link-color;
  }
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
}

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

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

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

.breadcrumb.repo-breadcrumb {
245
  padding: 0;
246
  background: transparent;
247
  border: none;
248
  line-height: 36px;
249
  margin: 0;
250
251
252
253
254

  > li + li:before {
    padding: 0 3px;
    color: #999;
  }
255
256
257
258

  a {
    color: $gl-dark-link-color;
  }
259
260
}

261
262
263
264
.last-push-widget {
  margin-top: -1px;
}

265
.fork-namespaces {
266
267
268
  .fork-thumbnail {
    text-align: center;
    margin-bottom: $gl-padding;
269

270
271
272
    .caption {
      padding: $gl-padding 0;
      min-height: 30px;
273
274
    }

275
276
277
    img {
      @include border-radius(50%);
      max-width: 100px;
278
279
280
281
    }
  }
}

282
283
284
285
.project-import .btn {
  float: left;
  margin-right: 10px;
}
286
287
288

.project-stats {
  text-align: center;
289
  margin-top: $gl-padding;
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
290
  margin-bottom: 0;
291
292
  padding-top: 10px;
  padding-bottom: 4px;
293

294
  ul.nav {
295
    display: inline-block;
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
296
  }
297

298
  .nav li {
299
    display: inline;
300
  }
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
301

302
  .nav > li > a {
303
    @include btn-default;
304
    @include btn-gray;
305

Andrey's avatar
Andrey committed
306
307
308
    background-color: transparent;
    border: 1px solid #f7f8fa;
    margin-left: 12px;
309
  }
310

Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
311
  li {
312
    display: inline;
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
313
314
315
  }

  a {
316
    float: left;
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
317
318
    font-size: 17px;
  }
319
320

  li.missing a {
321
322
    color: #5a6069;
    border: 1px dashed #dce0e5;
323
324

    &:hover {
325
      background-color: #f0f2f5;
326
327
    }
  }
328
329
330
331
332
}

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

334
.git-empty {
335
  margin: 0 7px 7px;
336

337
338
339
  h5 {
    color: #5c5d5e;
  }
340

341
342
  .light-well {
    @include border-radius (2px);
343

Andrey's avatar
Andrey committed
344
    color: #5b6169;
345
346
    font-size: 13px;
    line-height: 1.6em;
347
348
349
  }
}

350
.project-footer {
Andrey's avatar
Andrey committed
351
  margin-top: 20px;
352

353
  .btn-remove {
Andrey's avatar
Andrey committed
354
    @include btn-middle;
355
    @include btn-red;
356

357
358
359
360
    float: left !important;
  }
}

361
362
363
/*
 * Projects list rendered on dashboard and user page
 */
364

365
366
.projects-list {
  @include basic-list;
367

368
  .project-row {
Douwe Maan's avatar
Douwe Maan committed
369
    border-color: $table-border-color;
370
371
372

    &.no-description {
      .project {
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
373
        line-height: 40px;
374
375
376
      }
    }

377
378
    .project-full-name {
      @include str-truncated;
379
380
    }

381
    .controls {
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
382
      line-height: 40px;
383
384
385
386

      a:hover {
        text-decoration: none;
      }
387
388
389
390

      > span {
        margin-left: 10px;
      }
391
    }
392
  }
393
394
395
396
397

  .bottom {
    padding-top: $gl-padding;
    padding-bottom: 0;
  }
398
399
}

400
401
.panel .projects-list li {
  padding: 10px 15px;
402
  margin: 0;
403
}
404
405
406
407
408
409

.project-show-activity {
  .activity-filter-block {
    margin-top: -1px;
  }
}
410
411
412
413
414
415
416
417
418
419
420

.project-last-commit {
  .ci-status {
    margin-right: 16px;
  }

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

  .commit_short_id {
421
    margin: 0 5px;
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
    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;
    }
  }
}
439

440
.project-show-readme .readme-holder {
441
  padding: $gl-padding 0;
442
  border-top: 0;
443

444
445
446
447
  .edit-project-readme {
    z-index: 100;
    position: relative;
  }
448
}
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470

.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;
471
    background: #fff;
472
473
474
475
476
477
    font-size: 14px;
    margin-left: -1px;
    cursor: auto;
    width: 101%;
  }
}
478

479
.cannot-be-merged,
480
.cannot-be-merged:hover {
481
  color: #e62958;
482
  margin-top: 2px;
483
}
484
485

.private-forks-notice .private-fork-icon {
Rubén Dávila's avatar
Rubén Dávila committed
486
  i:nth-child(1) {
487
    color: #2aa056;
488
  }
Rubén Dávila's avatar
Rubén Dávila committed
489
490

  i:nth-child(2) {
491
    color: #fff;
492
493
  }
}
Phil Hughes's avatar
Phil Hughes committed
494
495
496
497
498
499
500
501
502
503
504

.protected-branches-list {
  a {
    color: $gl-gray;
    font-weight: 600;

    &:hover {
      color: $gl-link-color;
    }
  }
}