projects.scss 7.71 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
  .project-home-dropdown {
53
54
55
56
    margin: 13px 0px 0;
  }

  .notifications-btn {
Jacob Schatz's avatar
Jacob Schatz committed
57
    margin-top: -28px;
58

59
60
61
62
63
64
65
    .fa-bell {
      margin-right: 6px;
    }

    .fa-angle-down {
      margin-left: 6px;
    }
66
67
  }

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

77
78
79
80
81
82
83
    .visibility-icon {
      display: inline-block;
      margin-left: 5px;
      font-size: 18px;
      color: $gray;
    }

84
    p {
85
      padding: 0 $gl-padding;
86
      color: #5c5d5e;
Phil Hughes's avatar
Phil Hughes committed
87
    }
88
  }
89

Phil Hughes's avatar
Phil Hughes committed
90
  .project-repo-buttons {
Andriy Dyadyura's avatar
update    
Andriy Dyadyura committed
91
    margin-top: 20px;
92
    margin-bottom: 0px;
93

Jacob Schatz's avatar
Jacob Schatz committed
94
95
    .count-buttons {
      display: block;
Andriy Dyadyura's avatar
update    
Andriy Dyadyura committed
96
      margin-bottom: 20px;
Jacob Schatz's avatar
Jacob Schatz committed
97
98
    }

99
100
101
102
103
104
105
106
107
108
109
    .clone-row {
      .split-repo-buttons,
      .project-clone-holder {
        display: inline-block;
      }

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

110
    .btn {
111
      @include btn-gray;
Jacob Schatz's avatar
Jacob Schatz committed
112
113
      text-transform: none;
    }
114

Jacob Schatz's avatar
Jacob Schatz committed
115
116
117
118
119
120
    .count-with-arrow {
      display: inline-block;
      position: relative;
      margin-left: 4px;

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

        &:hover {
          background: #FFF;
        }
174
175
      }
    }
Phil Hughes's avatar
Phil Hughes committed
176
  }
177
178
}

179
180
.split-one {
  display: inline-table;
Andrey's avatar
Andrey committed
181
  margin-right: 12px;
182

183
184
185
186
187
188
189
  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);
Alfredo Sumaran's avatar
Alfredo Sumaran committed
190
  @include border-radius ($border-radius-default);
191

192
  border: none;
193
  padding: 10px 0;
194
195
  font-size: 14px;
  font-weight: 100;
196

197
198
199
  li a {
    color: #5f697a;
    line-height: 30px;
200

201
    &:hover {
202
      background-color: #3084bb !important;
203
204
    }
  }
205

206
  i {
207
208
209
210
    margin-right: 8px;
  }
}

211
.project-visibility-level-holder {
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
212
213
  .radio {
    margin-bottom: 10px;
214

Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
215
    i {
216
      margin: 2px 0;
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
217
      font-size: 20px;
218
    }
219

Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
220
    .option-title {
221
      font-weight: normal;
222
      display: inline-block;
223
      color: #313236;
224
    }
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
225
226

    .option-descr {
227
228
      margin-left: 29px;
      color: #54565b;
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
229
    }
230
231
232
  }
}

233
.save-project-loader {
234
235
236
  margin-top: 50px;
  margin-bottom: 50px;
  color: #555;
237
}
238

239
.project_member_row form {
240
241
  margin: 0px;
}
242

243
.transfer-project .select2-container {
244
245
  min-width: 200px;
}
246

247
248
249
.deploy-project-label {
  margin: 1px;
}
250
251

.vs-public {
252
  color: $gl-primary;
253
254
255
}

.vs-internal {
256
  color: $gl-warning;
257
258
259
}

.vs-private {
260
  color: $gl-success;
261
}
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
262
263

.breadcrumb.repo-breadcrumb {
264
  padding: 0;
265
  background: transparent;
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
266
  border: none;
267
  line-height: 42px;
268
  margin: 0;
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
269
270
271
272
273
274

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

276
277
278
279
.last-push-widget {
  margin-top: -1px;
}

280
.fork-namespaces {
281
282
283
  .fork-thumbnail {
    text-align: center;
    margin-bottom: $gl-padding;
284

285
286
287
    .caption {
      padding: $gl-padding 0;
      min-height: 30px;
288
289
    }

290
291
292
    img {
      @include border-radius(50%);
      max-width: 100px;
293
294
295
    }
  }
}
296

Marin Jankovski's avatar
Marin Jankovski committed
297
298
299
300
301
table.table.protected-branches-list tr.no-border {
  th, td {
    border: 0;
  }
}
302
303
304
305
306

.project-import .btn {
  float: left;
  margin-right: 10px;
}
307
308
309

.project-stats {
  text-align: center;
310
  margin-top: $gl-padding;
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
311
  margin-bottom: 0;
312
313
  padding-top: 10px;
  padding-bottom: 4px;
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
314

315
  ul.nav {
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
316
317
    display:inline-block;
  }
318

319
  .nav li {
320
321
    display:inline;
  }
322

323
  .nav > li > a {
324
    @include btn-default;
325
    @include btn-gray;
326

Andrey's avatar
Andrey committed
327
328
329
    background-color: transparent;
    border: 1px solid #f7f8fa;
    margin-left: 12px;
330
  }
331

Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
332
333
334
335
336
337
338
339
  li {
    display:inline;
  }

  a {
    float:left;
    font-size: 17px;
  }
340
341

  li.missing a {
342
343
    color: #5a6069;
    border: 1px dashed #dce0e5;
344
345

    &:hover {
346
      background-color: #f0f2f5;
347
348
    }
  }
349
350
351
352
353
}

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

355
356
.git-empty {
  margin: 0 7px 0 7px;
357

358
359
360
  h5 {
    color: #5c5d5e;
  }
361

362
363
  .light-well {
    @include border-radius (2px);
364

Andrey's avatar
Andrey committed
365
    color: #5b6169;
366
367
    font-size: 13px;
    line-height: 1.6em;
368
369
370
  }
}

371
.project-footer {
Andrey's avatar
Andrey committed
372
  margin-top: 20px;
373

374
  .btn-remove {
Andrey's avatar
Andrey committed
375
    @include btn-middle;
376
    @include btn-red;
377

378
379
380
381
    float: left !important;
  }
}

382
383
384
/*
 * Projects list rendered on dashboard and user page
 */
385

386
387
388
389
.projects-list {
  @include basic-list;

  .project-row {
Douwe Maan's avatar
Douwe Maan committed
390
    border-color: $table-border-color;
391
392
393

    &.no-description {
      .project {
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
394
        line-height: 40px;
395
396
397
      }
    }

398
399
    .project-full-name {
      @include str-truncated;
400
401
    }

402
    .controls {
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
403
      line-height: 40px;
404
405
406
407

      a:hover {
        text-decoration: none;
      }
408
409
410
411

      > span {
        margin-left: 10px;
      }
412
    }
413
  }
414
415
416
417
418

  .bottom {
    padding-top: $gl-padding;
    padding-bottom: 0;
  }
419
420
}

421
422
.panel .projects-list li {
  padding: 10px 15px;
423
  margin: 0;
424
}
425
426
427
428
429
430

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

432
433
434
435
436
437
438
439
440
441
.project-last-commit {
  .ci-status {
    margin-right: 16px;
  }

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

  .commit_short_id {
442
    margin-right: 5px;
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
    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;
    }
  }
}
460
461

.project-show-readme .readme-holder {
462
  padding: $gl-padding 0;
463
  border-top: 0;
464

465
466
467
468
  .edit-project-readme {
    z-index: 100;
    position: relative;
  }
469
}
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498

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

500
.cannot-be-merged,
501
.cannot-be-merged:hover {
502
  color: #E62958;
503
  margin-top: 2px;
504
}
505
506

.private-forks-notice .private-fork-icon {
Rubén Dávila's avatar
Rubén Dávila committed
507
  i:nth-child(1) {
508
509
    color: #2AA056;
  }
Rubén Dávila's avatar
Rubén Dávila committed
510
511

  i:nth-child(2) {
512
513
514
    color: #FFFFFF;
  }
}