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

9
.no-ssh-key-message, .project-limit-message {
Andrey's avatar
Andrey committed
10
  background-color: #f28d35;
11
  margin-bottom: 0;
Andrey's avatar
Andrey committed
12
}
13

14
.new_project,
Phil Hughes's avatar
Phil Hughes committed
15
.edit-project {
16 17
  fieldset {
    &.features .control-label {
18
      font-weight: normal;
19
    }
20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62
    .form-group {
      margin-bottom: 5px;
    }
    &> .form-group {
      padding-left: 0;
    }
  }
  .help-block {
    margin-bottom: 10px;
  }
  .project-path {
    padding-right: 0;
    .form-control {
      border-radius: $border-radius-base;
    }
  }
  .input-group > div {
    &:last-child {
      padding-right: 0;
    }
  }
  @media (max-width: $screen-xs-max) {
    .input-group > div {
      margin-bottom: 14px;
      &:last-child {
        margin-bottom: 0;
      }
    }
    fieldset > .form-group:first-child {
      padding-right: 0;
    }
  }

  .input-group-addon {
    &.static-namespace {
      height: 35px;
      border-radius: 3px;
      border: 1px solid #e5e5e5;
    }
    &+ .select2 a {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
    }
63
  }
64
}
randx's avatar
randx committed
65

66
.project-home-panel {
Phil Hughes's avatar
Phil Hughes committed
67 68
  padding-top: 24px;
  padding-bottom: 24px;
Phil Hughes's avatar
Phil Hughes committed
69 70 71 72

  @media (min-width: $screen-sm-min) {
    border-bottom: 1px solid $border-color;
  }
73

Phil Hughes's avatar
Phil Hughes committed
74 75 76 77
  .project-avatar {
    float: none;
    margin-left: auto;
    margin-right: auto;
78 79 80 81

    &.identicon {
      border-radius: 50%;
    }
82 83
  }

Phil Hughes's avatar
Phil Hughes committed
84 85 86 87 88 89
  .project-title {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 24px;
    font-weight: 400;
    line-height: 1;
90

Phil Hughes's avatar
Phil Hughes committed
91 92 93 94
    .fa {
      margin-left: 2px;
      font-size: 12px;
      vertical-align: middle;
95
    }
96
  }
97

Phil Hughes's avatar
Phil Hughes committed
98
  .project-home-desc {
Phil Hughes's avatar
Phil Hughes committed
99 100
    margin-left: auto;
    margin-right: auto;
Phil Hughes's avatar
Phil Hughes committed
101
    margin-bottom: 15px;
102
    max-width: 700px;
103

Phil Hughes's avatar
Phil Hughes committed
104 105
    > p {
      margin-bottom: 0;
106
    }
107
  }
108

109
  .notifications-btn {
110 111
    .fa-bell,
    .fa-spinner {
112 113 114 115 116 117
      margin-right: 6px;
    }

    .fa-angle-down {
      margin-left: 6px;
    }
118
  }
Phil Hughes's avatar
Phil Hughes committed
119
}
120

Phil Hughes's avatar
Phil Hughes committed
121 122
.project-repo-buttons {
  font-size: 0;
Jacob Schatz's avatar
Jacob Schatz committed
123

Phil Hughes's avatar
Phil Hughes committed
124 125 126
  .btn {
    @include btn-gray;
    padding: 3px 10px;
127

Phil Hughes's avatar
Phil Hughes committed
128 129
    .fa {
      color: $layout-link-gray;
130 131
    }

132 133 134 135 136 137 138 139 140 141 142
    svg {

      path {
        fill: $layout-link-gray;
      }

      use {
        stroke: $layout-link-gray;
      }
    }

Phil Hughes's avatar
Phil Hughes committed
143 144
    .fa-caret-down {
      margin-left: 3px;
145
    }
Phil Hughes's avatar
Phil Hughes committed
146
  }
147

Phil Hughes's avatar
Phil Hughes committed
148 149 150 151
  .project-repo-btn-group,
  .notification-dropdown {
    margin-left: 10px;
  }
152

Phil Hughes's avatar
Phil Hughes committed
153 154 155 156
  .count-buttons {
    display: inline-block;
    vertical-align: top;
  }
157

Phil Hughes's avatar
Phil Hughes committed
158 159 160 161 162
  .project-clone-holder {
    display: inline-block;

    input {
      height: 29px;
Jacob Schatz's avatar
Jacob Schatz committed
163
    }
Phil Hughes's avatar
Phil Hughes committed
164
  }
165

Phil Hughes's avatar
Phil Hughes committed
166 167 168 169 170 171 172 173
  .count-with-arrow {
    display: inline-block;
    position: relative;
    margin-left: 4px;

    .arrow {
      &:before {
        content: '';
174
        display: inline-block;
Phil Hughes's avatar
Phil Hughes committed
175 176 177 178
        position: absolute;
        width: 0;
        height: 0;
        border-color: transparent;
Jacob Schatz's avatar
Jacob Schatz committed
179
        border-style: solid;
Phil Hughes's avatar
Phil Hughes committed
180 181 182 183 184 185
        top: 50%;
        left: 0;
        margin-top: -6px;
        border-width: 7px 5px 7px 0;
        border-right-color: #dce0e5;
        pointer-events: none;
186
      }
187

Phil Hughes's avatar
Phil Hughes committed
188 189 190 191 192 193 194 195 196 197 198 199 200 201
      &: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;
        pointer-events: none;
      }
202
    }
Phil Hughes's avatar
Phil Hughes committed
203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225
    .count {
      @include btn-gray;
      display: inline-block;
      background: white;
      border-radius: 2px;
      border-width: 1px;
      border-style: solid;
      font-size: 13px;
      font-weight: 600;
      line-height: 13px;
      padding: $gl-vert-padding $gl-padding;
      letter-spacing: .4px;
      padding: 7px 14px;
      text-align: center;
      vertical-align: middle;
      touch-action: manipulation;
      background-image: none;
      white-space: nowrap;
      margin: 0 10px 0 4px;

      a {
        color: inherit;
      }
226

Phil Hughes's avatar
Phil Hughes committed
227 228 229
      &:hover {
        background: #fff;
      }
230 231
    }
  }
232 233
}

234 235
.split-one {
  display: inline-table;
Andrey's avatar
Andrey committed
236
  margin-right: 12px;
237

238
  > a {
239
    margin: -1px;
240 241 242
  }
}

243
.project-visibility-level-holder {
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
244 245
  .radio {
    margin-bottom: 10px;
246

Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
247
    i {
248
      margin: 2px 0;
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
249
      font-size: 20px;
250
    }
251

Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
252
    .option-title {
253
      font-weight: normal;
254
      display: inline-block;
Annabel Dunstone's avatar
Annabel Dunstone committed
255
      color: $gl-gray-dark;
256
    }
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
257 258

    .option-descr {
259 260
      margin-left: 29px;
      color: #54565b;
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
261
    }
262 263 264
  }
}

265
.save-project-loader {
266 267 268
  margin-top: 50px;
  margin-bottom: 50px;
  color: #555;
269
}
270

271
.transfer-project .select2-container {
272 273
  min-width: 200px;
}
274

275 276 277 278 279 280 281 282 283 284 285 286 287 288 289 290 291 292 293 294 295 296 297 298 299
.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;
  }
300
}
301 302

.vs-public {
303
  color: $gl-primary;
304 305 306
}

.vs-internal {
307
  color: $gl-warning;
308 309 310
}

.vs-private {
311
  color: $gl-success;
312
}
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
313 314

.breadcrumb.repo-breadcrumb {
315
  padding: 0;
316
  background: transparent;
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
317
  border: none;
318
  line-height: 36px;
319
  margin: 0;
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
320 321 322 323 324

  > li + li:before {
    padding: 0 3px;
    color: #999;
  }
325 326 327 328

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

331 332 333 334
.last-push-widget {
  margin-top: -1px;
}

335
.fork-namespaces {
Luke "Jared" Bennett's avatar
Luke "Jared" Bennett committed
336 337 338 339 340 341 342 343 344 345 346 347 348 349 350
  .row {
    -webkit-flex-wrap: wrap;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;

    .fork-thumbnail {
      @include border-radius($border-radius-base);
      background-color: $white-light;
      border: 1px solid $border-white-light;
      height: 202px;
      margin: $gl-padding;
      text-align: center;
      width: 169px;
351 352 353
      &:hover, &.forked {
        background-color: $row-hover;
        border-color: $row-hover-border;
Luke "Jared" Bennett's avatar
Luke "Jared" Bennett committed
354
      }
355 356 357 358 359 360 361 362 363 364 365 366
      .no-avatar {
        width: 100px;
        height: 100px;
        background-color: $gray-light;
        border: 1px solid $gray-dark;
        margin: 0 auto;
        @include border-radius(50%);
        i {
          font-size: 100px;
          color: $gray-dark;
        }
      }
Luke "Jared" Bennett's avatar
Luke "Jared" Bennett committed
367 368 369 370 371 372 373 374 375 376 377
      a {
        display: block;
        width: 100%;
        height: 100%;
        padding-top: $gl-padding;
        color: $gl-gray;
        .caption {
          min-height: 30px;
          padding: $gl-padding 0;
        }
      }
378

Luke "Jared" Bennett's avatar
Luke "Jared" Bennett committed
379 380 381 382
      img {
        @include border-radius(50%);
        max-width: 100px;
      }
383 384 385
    }
  }
}
386

387 388
.project-import {
  .form-group {
389
    margin-bottom: 5px;
390
  }
391

392 393 394 395 396 397
  .import-buttons {
    padding-left: 0;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
398

399
    .btn {
400 401
      margin: 0 10px 10px 0;
      padding: 8px;
402
    }
403 404

    > div {
405
      padding-left: 0;
406

407 408
      &:last-child {
        margin-bottom: 0;
409 410 411 412

        .btn {
          margin-right: 0;
        }
413 414 415
      }
    }
  }
416
}
417 418

.project-stats {
419
  font-size: 0;
Phil Hughes's avatar
Phil Hughes committed
420
  border-bottom: 1px solid $border-color;
421

Phil Hughes's avatar
Phil Hughes committed
422
  .nav {
423 424
    padding-top: 12px;
    padding-bottom: 12px;
425
  }
426

Phil Hughes's avatar
Phil Hughes committed
427
  .nav > li {
428
    display: inline-block;
Phil Hughes's avatar
Phil Hughes committed
429 430 431 432

    &:not(:last-child) {
      margin-right: $gl-padding;
    }
Phil Hughes's avatar
Phil Hughes committed
433 434 435 436 437 438 439 440 441

    &.project-repo-buttons-right {
      margin-top: 10px;

      @media (min-width: $screen-md-min) {
        float: right;
        margin-top: 0;
      }
    }
442
  }
443

444
  .nav > li > a {
Phil Hughes's avatar
Phil Hughes committed
445
    padding: 0;
Andrey's avatar
Andrey committed
446
    background-color: transparent;
447
    font-size: 15px;
Phil Hughes's avatar
Phil Hughes committed
448
    line-height: 29px;
449
    color: $notes-light-color;
450

Phil Hughes's avatar
Phil Hughes committed
451 452 453 454
    &:hover,
    &:focus {
      color: darken($notes-light-color, 15%);
    }
455
  }
456

457
  li.missing {
458 459
    border: 1px dashed $border-gray-light;
    border-radius: $border-radius-default;
460 461

    a {
462 463
      padding-left: 10px;
      padding-right: 10px;
464
      color: $notes-light-color;
465 466
      display: block;
    }
467 468

    &:hover {
469
      background-color: $gray-normal;
470 471
    }
  }
472 473 474 475 476
}

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

478
.git-empty {
479
  margin: 0 7px 7px;
480

481 482 483
  h5 {
    color: #5c5d5e;
  }
484

485 486
  .light-well {
    @include border-radius (2px);
487

Andrey's avatar
Andrey committed
488
    color: #5b6169;
489 490
    font-size: 13px;
    line-height: 1.6em;
491 492 493
  }
}

494
.project-footer {
Andrey's avatar
Andrey committed
495
  margin-top: 20px;
496

497
  .btn-remove {
Andrey's avatar
Andrey committed
498
    @include btn-middle;
499
    @include btn-red;
500

501 502 503 504
    float: left !important;
  }
}

505 506 507
/*
 * Projects list rendered on dashboard and user page
 */
508

509 510 511 512
.projects-list {
  @include basic-list;

  .project-row {
Douwe Maan's avatar
Douwe Maan committed
513
    border-color: $table-border-color;
514

515 516
    .project-full-name {
      @include str-truncated;
517 518
    }

519
    .controls {
520
      line-height: $list-text-height;
521 522 523 524

      a:hover {
        text-decoration: none;
      }
525 526 527 528

      > span {
        margin-left: 10px;
      }
529 530 531 532 533

      svg {
        position: relative;
        top: 2px;
      }
534
    }
535
  }
536 537 538 539 540

  .bottom {
    padding-top: $gl-padding;
    padding-bottom: 0;
  }
541 542
}

543 544
.panel .projects-list li {
  padding: 10px 15px;
545
  margin: 0;
546
}
547

Annabel Dunstone's avatar
Annabel Dunstone committed
548 549 550

.activity-filter-block {
  .controls {
551 552
    padding-bottom: 7px;
    margin-top: 8px;
Annabel Dunstone's avatar
Annabel Dunstone committed
553
    border-bottom: 1px solid $border-color;
554 555
  }
}
556

557
.project-last-commit {
Phil Hughes's avatar
Phil Hughes committed
558 559 560
  @media (min-width: $screen-sm-min) {
    margin-top: $gl-padding;
  }
Phil Hughes's avatar
Phil Hughes committed
561 562 563 564 565 566

  &.container-fluid {
    padding-top: 12px;
    padding-bottom: 12px;
    background-color: $background-color;
    border: 1px solid $border-color;
Phil Hughes's avatar
Phil Hughes committed
567 568 569 570 571 572 573
    border-right-width: 0;
    border-left-width: 0;

    @media (min-width: $screen-sm-min) {
      border-right-width: 1px;
      border-left-width: 1px;
    }
Phil Hughes's avatar
Phil Hughes committed
574 575 576 577 578 579 580 581
  }

  &.container-limited {
    @media (min-width: 1281px) {
      border-radius: $border-radius-base;
    }
  }

582
  .ci-status {
Phil Hughes's avatar
Phil Hughes committed
583
    margin-right: $gl-padding;
584 585 586 587 588 589 590
  }

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

  .commit_short_id {
Phil Hughes's avatar
Phil Hughes committed
591
    margin-right: 5px;
592 593 594 595 596 597 598 599 600 601
    color: $gl-link-color;
    font-weight: 600;
  }

  .commit-author-link {
    .commit-author-name {
      font-weight: 600;
    }
  }
}
602 603

.project-show-readme .readme-holder {
604
  padding: $gl-padding 0;
605
  border-top: 0;
606

607
  .edit-project-readme {
608
    z-index: 2;
609 610
    position: relative;
  }
611 612 613 614 615

  .wiki h1 {
    border-bottom: none;
    padding: 0;
  }
616
}
617 618

.git-clone-holder {
Phil Hughes's avatar
Phil Hughes committed
619
  width: 380px;
620 621 622 623 624 625 626 627 628 629 630 631 632 633

  .btn-clipboard {
    border: 1px solid $border-color;
  }

  .clone-options {
    display: table-cell;
    a.btn {
      width: 100%;
    }
  }

  .form-control {
    @extend .monospace;
634
    background: #fff;
635 636 637 638 639 640
    font-size: 14px;
    margin-left: -1px;
    cursor: auto;
    width: 101%;
  }
}
641

642
.cannot-be-merged,
643
.cannot-be-merged:hover {
644
  color: #e62958;
645
  margin-top: 2px;
646
}
647 648

.private-forks-notice .private-fork-icon {
Rubén Dávila's avatar
Rubén Dávila committed
649
  i:nth-child(1) {
650
    color: #2aa056;
651
  }
Rubén Dávila's avatar
Rubén Dávila committed
652 653

  i:nth-child(2) {
654
    color: #fff;
655 656
  }
}
Phil Hughes's avatar
Phil Hughes committed
657

658 659
.new_protected_branch {
  label {
660 661
    margin-top: 6px;
    font-weight: normal;
662 663 664
  }
}

Phil Hughes's avatar
Phil Hughes committed
665 666 667 668 669 670 671
.protected-branches-list {
  a {
    color: $gl-gray;

    &:hover {
      color: $gl-link-color;
    }
672 673 674 675

    &.is-active {
      font-weight: 600;
    }
Phil Hughes's avatar
Phil Hughes committed
676
  }
677

678 679 680 681 682 683 684 685
  .settings-message {
    margin: 0;
    border-radius: 0 0 1px 1px;
    padding: 20px 0;
    border: none;
  }

  .table-bordered {
686 687 688 689 690 691
    border-radius: 1px;

    th:not(:last-child), td:not(:last-child) {
      border-right: solid 1px transparent;
    }
  }
Phil Hughes's avatar
Phil Hughes committed
692
}
693 694 695 696 697 698 699 700 701 702 703 704 705 706 707 708 709

.custom-notifications-form {
  .is-loading {
    .custom-notification-event-loading {
      display: inline-block;
    }
  }
}

.custom-notification-event-loading {
  display: none;
  margin-left: 5px;

  &.is-done {
    color: $gl-text-green;
  }
}
710 711 712 713 714 715

.project-refs-form {
  .dropdown-menu {
    width: 300px;
  }
}
Phil Hughes's avatar
Phil Hughes committed
716

717
.compare-form-group {
Phil Hughes's avatar
Phil Hughes committed
718 719 720 721
  .dropdown-menu {
    width: 300px;
  }
}