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

71
  .project-repo-buttons {
Andriy Dyadyura's avatar
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
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 100 101
    .count-with-arrow {
      display: inline-block;
      position: relative;
      margin-left: 4px;

      .arrow {
Jacob Schatz's avatar
Jacob Schatz committed
102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127
        &: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;
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
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
      }
    }
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
.project-visibility-level-holder {
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
170 171
  .radio {
    margin-bottom: 10px;
172

Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
173
    i {
174
      margin: 2px 0;
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
175
      font-size: 20px;
176
    }
177

Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
178
    .option-title {
179
      font-weight: normal;
180
      display: inline-block;
181
      color: #313236;
182
    }
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
183 184

    .option-descr {
185 186
      margin-left: 29px;
      color: #54565b;
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
187
    }
188 189 190
  }
}

191
.save-project-loader {
192 193 194
  margin-top: 50px;
  margin-bottom: 50px;
  color: #555;
195
}
196

197
.project_member_row form {
198
  margin: 0;
199
}
200

201
.transfer-project .select2-container {
202 203
  min-width: 200px;
}
204

205 206 207
.deploy-project-label {
  margin: 1px;
}
208 209

.vs-public {
210
  color: $gl-primary;
211 212 213
}

.vs-internal {
214
  color: $gl-warning;
215 216 217
}

.vs-private {
218
  color: $gl-success;
219
}
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
220 221

.breadcrumb.repo-breadcrumb {
222
  padding: 0;
223
  background: transparent;
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
224
  border: none;
225
  line-height: 36px;
226
  margin: 0;
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
227 228 229 230 231

  > li + li:before {
    padding: 0 3px;
    color: #999;
  }
232 233 234 235

  a {
    color: $gl-dark-link-color;
  }
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
236
}
237

238 239 240 241
.last-push-widget {
  margin-top: -1px;
}

242
.fork-namespaces {
243 244 245
  .fork-thumbnail {
    text-align: center;
    margin-bottom: $gl-padding;
246

247 248 249
    .caption {
      padding: $gl-padding 0;
      min-height: 30px;
250 251
    }

252 253 254
    img {
      @include border-radius(50%);
      max-width: 100px;
255 256 257
    }
  }
}
258

Marin Jankovski's avatar
Marin Jankovski committed
259 260 261 262 263
table.table.protected-branches-list tr.no-border {
  th, td {
    border: 0;
  }
}
264 265 266 267 268

.project-import .btn {
  float: left;
  margin-right: 10px;
}
269 270 271

.project-stats {
  text-align: center;
272
  margin-top: $gl-padding;
273
  margin-bottom: 0;
274 275
  padding-top: 10px;
  padding-bottom: 4px;
276

277
  ul.nav {
278
    display: inline-block;
279
  }
280

281
  .nav li {
282
    display: inline;
283
  }
284

285
  .nav > li > a {
286
    @include btn-default;
287
    @include btn-gray;
288

Andrey's avatar
Andrey committed
289 290 291
    background-color: transparent;
    border: 1px solid #f7f8fa;
    margin-left: 12px;
292
  }
293

294
  li {
295
    display: inline;
296 297 298
  }

  a {
299
    float: left;
300 301
    font-size: 17px;
  }
302 303

  li.missing a {
304 305
    color: #5a6069;
    border: 1px dashed #dce0e5;
306 307

    &:hover {
308
      background-color: #f0f2f5;
309 310
    }
  }
311 312 313 314 315
}

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

317
.git-empty {
318
  margin: 0 7px;
319

320 321 322
  h5 {
    color: #5c5d5e;
  }
323

324 325
  .light-well {
    @include border-radius (2px);
326

Andrey's avatar
Andrey committed
327
    color: #5b6169;
328 329
    font-size: 13px;
    line-height: 1.6em;
330 331 332
  }
}

333
.project-footer {
Andrey's avatar
Andrey committed
334
  margin-top: 20px;
335

336
  .btn-remove {
Andrey's avatar
Andrey committed
337
    @include btn-middle;
338
    @include btn-red;
339

340 341 342 343
    float: left !important;
  }
}

344 345 346
/*
 * Projects list rendered on dashboard and user page
 */
347

348 349 350 351
.projects-list {
  @include basic-list;

  .project-row {
Douwe Maan's avatar
Douwe Maan committed
352
    border-color: $table-border-color;
353 354 355

    &.no-description {
      .project {
356
        line-height: 40px;
357 358 359
      }
    }

360 361
    .project-full-name {
      @include str-truncated;
362 363
    }

364
    .controls {
365
      line-height: 40px;
366 367 368 369

      a:hover {
        text-decoration: none;
      }
370 371 372 373

      > span {
        margin-left: 10px;
      }
374
    }
375
  }
376 377 378 379 380

  .bottom {
    padding-top: $gl-padding;
    padding-bottom: 0;
  }
381 382
}

383 384
.panel .projects-list li {
  padding: 10px 15px;
385
  margin: 0;
386
}
387 388 389 390 391 392

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

394 395 396 397 398 399 400 401 402 403
.project-last-commit {
  .ci-status {
    margin-right: 16px;
  }

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

  .commit_short_id {
404
    margin-right: 5px;
405 406 407 408 409 410 411 412 413 414 415 416 417 418 419 420 421
    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;
    }
  }
}
422 423

.project-show-readme .readme-holder {
424
  padding: $gl-padding 0;
425
  border-top: 0;
426

427 428 429 430
  .edit-project-readme {
    z-index: 100;
    position: relative;
  }
431
}
432 433 434 435 436 437 438 439 440 441 442 443 444 445 446 447 448 449 450 451 452 453

.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;
454
    background: #fff;
455 456 457 458 459 460
    font-size: 14px;
    margin-left: -1px;
    cursor: auto;
    width: 101%;
  }
}
461

462
.cannot-be-merged,
463
.cannot-be-merged:hover {
464
  color: #e62958;
465
  margin-top: 2px;
466
}
467 468

.private-forks-notice .private-fork-icon {
Rubén Dávila's avatar
Rubén Dávila committed
469
  i:nth-child(1) {
470
    color: #2aa056;
471
  }
Rubén Dávila's avatar
Rubén Dávila committed
472 473

  i:nth-child(2) {
474
    color: #fff;
475 476
  }
}