projects.scss 12.9 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 10
.no-ssh-key-message,
.project-limit-message {
Andrey's avatar
Andrey committed
11
  background-color: #f28d35;
12
  margin-bottom: 0;
Andrey's avatar
Andrey committed
13
}
14

15
.new_project,
Phil Hughes's avatar
Phil Hughes committed
16
.edit-project {
17

18
  fieldset {
19 20 21 22 23 24 25 26 27 28

    &.features {

      .label-light {
        margin-bottom: 0;
      }

      .help-block {
        margin-top: 0;
      }
29
    }
30

31 32 33
    .form-group {
      margin-bottom: 5px;
    }
34

35 36 37 38
    &> .form-group {
      padding-left: 0;
    }
  }
39

40 41 42
  .help-block {
    margin-bottom: 10px;
  }
43

44 45
  .project-path {
    padding-right: 0;
46

47 48 49 50
    .form-control {
      border-radius: $border-radius-base;
    }
  }
51

52
  .input-group > div {
53

54 55 56 57
    &:last-child {
      padding-right: 0;
    }
  }
58

59 60
  @media (max-width: $screen-xs-max) {
    .input-group > div {
61

62
      margin-bottom: 14px;
63

64 65 66 67
      &:last-child {
        margin-bottom: 0;
      }
    }
68

69 70 71 72 73 74
    fieldset > .form-group:first-child {
      padding-right: 0;
    }
  }

  .input-group-addon {
75

76 77 78 79 80
    &.static-namespace {
      height: 35px;
      border-radius: 3px;
      border: 1px solid #e5e5e5;
    }
81

82 83 84 85
    &+ .select2 a {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
    }
86
  }
87
}
randx's avatar
randx committed
88

89 90
.project-home-panel,
.group-home-panel {
Phil Hughes's avatar
Phil Hughes committed
91 92
  padding-top: 24px;
  padding-bottom: 24px;
Phil Hughes's avatar
Phil Hughes committed
93 94 95 96

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

98 99
  .project-avatar,
  .group-avatar {
Phil Hughes's avatar
Phil Hughes committed
100
    float: none;
101 102
    margin: 0 auto;
    border: none;
103 104 105 106

    &.identicon {
      border-radius: 50%;
    }
107 108
  }

109 110
  .project-title,
  .group-title {
Phil Hughes's avatar
Phil Hughes committed
111 112 113 114 115
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 24px;
    font-weight: 400;
    line-height: 1;
116

Phil Hughes's avatar
Phil Hughes committed
117 118 119 120
    .fa {
      margin-left: 2px;
      font-size: 12px;
      vertical-align: middle;
121
    }
122
  }
123

124 125
  .project-home-desc,
  .group-home-desc {
Phil Hughes's avatar
Phil Hughes committed
126 127
    margin-left: auto;
    margin-right: auto;
128
    margin-bottom: 0;
129
    max-width: 700px;
130

Phil Hughes's avatar
Phil Hughes committed
131 132
    > p {
      margin-bottom: 0;
133
    }
134
  }
135

136
  .notifications-btn {
137 138
    .fa-bell,
    .fa-spinner {
139 140 141 142 143 144
      margin-right: 6px;
    }

    .fa-angle-down {
      margin-left: 6px;
    }
145
  }
Phil Hughes's avatar
Phil Hughes committed
146
}
147

Filipa Lacerda's avatar
Filipa Lacerda committed
148 149
.nav > .project-repo-buttons {
  margin-top: 0;
150
}
Jacob Schatz's avatar
Jacob Schatz committed
151

152 153
.project-repo-buttons,
.group-buttons {
Filipa Lacerda's avatar
Filipa Lacerda committed
154 155
  margin-top: 15px;

Phil Hughes's avatar
Phil Hughes committed
156 157 158
  .btn {
    @include btn-gray;
    padding: 3px 10px;
159

160 161 162 163
    &:last-child {
      margin-left: 0;
    }

Phil Hughes's avatar
Phil Hughes committed
164 165
    .fa {
      color: $layout-link-gray;
166 167
    }

168 169 170 171 172 173 174 175 176 177 178
    svg {

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

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

Phil Hughes's avatar
Phil Hughes committed
179 180
    .fa-caret-down {
      margin-left: 3px;
181
    }
Phil Hughes's avatar
Phil Hughes committed
182
  }
183

184 185
  .download-button,
  .dropdown-toggle,
186 187
  .notification-dropdown,
  .project-dropdown {
Phil Hughes's avatar
Phil Hughes committed
188 189
    margin-left: 10px;
  }
190

191 192 193 194 195 196
  .download-button {
    @media (max-width: $screen-lg-min) {
      margin-left: 0;
    }
  }

Phil Hughes's avatar
Phil Hughes committed
197 198 199 200
  .count-buttons {
    display: inline-block;
    vertical-align: top;
  }
201

Phil Hughes's avatar
Phil Hughes committed
202 203 204 205 206
  .project-clone-holder {
    display: inline-block;

    input {
      height: 29px;
Jacob Schatz's avatar
Jacob Schatz committed
207
    }
Phil Hughes's avatar
Phil Hughes committed
208
  }
209

Phil Hughes's avatar
Phil Hughes committed
210 211 212 213 214 215
  .count-with-arrow {
    display: inline-block;
    position: relative;
    margin-left: 4px;

    .arrow {
216
      &::before {
Phil Hughes's avatar
Phil Hughes committed
217
        content: '';
218
        display: inline-block;
Phil Hughes's avatar
Phil Hughes committed
219 220 221 222
        position: absolute;
        width: 0;
        height: 0;
        border-color: transparent;
Jacob Schatz's avatar
Jacob Schatz committed
223
        border-style: solid;
Phil Hughes's avatar
Phil Hughes committed
224 225 226 227 228 229
        top: 50%;
        left: 0;
        margin-top: -6px;
        border-width: 7px 5px 7px 0;
        border-right-color: #dce0e5;
        pointer-events: none;
230
      }
231

232
      &::after {
Phil Hughes's avatar
Phil Hughes committed
233 234 235 236 237 238 239 240 241 242 243 244 245
        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;
      }
246
    }
247

Phil Hughes's avatar
Phil Hughes committed
248 249 250 251 252 253 254 255 256 257 258 259 260 261 262 263 264 265 266 267 268 269 270
    .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;
      }
271

Phil Hughes's avatar
Phil Hughes committed
272 273 274
      &:hover {
        background: #fff;
      }
275 276
    }
  }
277 278
}

279 280
.split-one {
  display: inline-table;
Andrey's avatar
Andrey committed
281
  margin-right: 12px;
282

283
  > a {
284
    margin: -1px;
285 286 287
  }
}

288
.project-visibility-level-holder {
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
289 290
  .radio {
    margin-bottom: 10px;
291

Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
292
    i {
293
      margin: 2px 0;
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
294
      font-size: 20px;
295
    }
296

Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
297
    .option-title {
298
      font-weight: normal;
299
      display: inline-block;
Annabel Dunstone's avatar
Annabel Dunstone committed
300
      color: $gl-gray-dark;
301
    }
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
302 303

    .option-descr {
304 305
      margin-left: 29px;
      color: #54565b;
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
306
    }
307 308 309
  }
}

310
.save-project-loader {
311 312 313
  margin-top: 50px;
  margin-bottom: 50px;
  color: #555;
314
}
315

316
.transfer-project .select2-container {
317 318
  min-width: 200px;
}
319

320 321 322 323 324 325 326 327 328 329 330 331 332 333 334 335 336 337 338 339 340 341 342 343 344
.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;
  }
345
}
346 347

.vs-public {
348
  color: $gl-primary;
349 350 351
}

.vs-internal {
352
  color: $gl-warning;
353 354 355
}

.vs-private {
356
  color: $gl-success;
357
}
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
358

359 360 361 362 363 364 365 366
.lfs-enabled {
  color: $gl-success;
}

.lfs-disabled {
  color: $gl-warning;
}

Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
367
.breadcrumb.repo-breadcrumb {
368
  padding: 0;
369
  background: transparent;
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
370
  border: none;
371
  line-height: 36px;
372
  margin: 0;
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
373

374
  > li + li::before {
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
375 376 377
    padding: 0 3px;
    color: #999;
  }
378 379 380 381

  a {
    color: $gl-dark-link-color;
  }
382 383 384 385

  .dropdown-menu {
    width: 240px;
  }
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
386
}
387

388 389 390 391
.last-push-widget {
  margin-top: -1px;
}

392
.fork-namespaces {
Luke "Jared" Bennett's avatar
Luke "Jared" Bennett committed
393 394 395 396 397 398 399 400
  .row {
    -webkit-flex-wrap: wrap;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;

    .fork-thumbnail {
Clement Ho's avatar
Clement Ho committed
401
      border-radius: $border-radius-base;
Luke "Jared" Bennett's avatar
Luke "Jared" Bennett committed
402 403 404 405 406 407
      background-color: $white-light;
      border: 1px solid $border-white-light;
      height: 202px;
      margin: $gl-padding;
      text-align: center;
      width: 169px;
408

409 410
      &:hover,
      &.forked {
411 412
        background-color: $row-hover;
        border-color: $row-hover-border;
Luke "Jared" Bennett's avatar
Luke "Jared" Bennett committed
413
      }
414

415 416 417 418 419 420
      .no-avatar {
        width: 100px;
        height: 100px;
        background-color: $gray-light;
        border: 1px solid $gray-dark;
        margin: 0 auto;
Clement Ho's avatar
Clement Ho committed
421
        border-radius: 50%;
422

423 424 425 426 427
        i {
          font-size: 100px;
          color: $gray-dark;
        }
      }
428

Luke "Jared" Bennett's avatar
Luke "Jared" Bennett committed
429 430 431 432 433 434
      a {
        display: block;
        width: 100%;
        height: 100%;
        padding-top: $gl-padding;
        color: $gl-gray;
435

Luke "Jared" Bennett's avatar
Luke "Jared" Bennett committed
436 437 438 439 440
        .caption {
          min-height: 30px;
          padding: $gl-padding 0;
        }
      }
441

Luke "Jared" Bennett's avatar
Luke "Jared" Bennett committed
442
      img {
Clement Ho's avatar
Clement Ho committed
443
        border-radius: 50%;
Luke "Jared" Bennett's avatar
Luke "Jared" Bennett committed
444 445
        max-width: 100px;
      }
446 447 448
    }
  }
}
449

450 451
.project-import {
  .form-group {
452
    margin-bottom: 5px;
453
  }
454

455 456 457 458 459 460
  .import-buttons {
    padding-left: 0;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
461

462
    .btn {
463 464
      margin: 0 10px 10px 0;
      padding: 8px;
465
    }
466 467

    > div {
468
      padding-left: 0;
469

470 471
      &:last-child {
        margin-bottom: 0;
472 473 474 475

        .btn {
          margin-right: 0;
        }
476 477 478
      }
    }
  }
479
}
480

481 482 483 484 485 486 487 488 489 490 491 492 493 494
.page-sidebar-pinned {
  .project-stats .nav > li.right {
    @media (min-width: $screen-lg-min) {
      float: none;
    }
  }

  .download-button {
    @media (min-width: $screen-lg-min) {
      margin-left: 0;
    }
  }
}

495
.project-stats {
496
  font-size: 0;
Phil Hughes's avatar
Phil Hughes committed
497
  border-bottom: 1px solid $border-color;
498

Phil Hughes's avatar
Phil Hughes committed
499
  .nav {
500 501
    padding-top: 12px;
    padding-bottom: 12px;
502
  }
503

Phil Hughes's avatar
Phil Hughes committed
504
  .nav > li {
505
    display: inline-block;
Phil Hughes's avatar
Phil Hughes committed
506 507 508 509

    &:not(:last-child) {
      margin-right: $gl-padding;
    }
Phil Hughes's avatar
Phil Hughes committed
510

511
    &.right {
512 513 514 515
      vertical-align: top;
      margin-top: 0;

      @media (min-width: $screen-lg-min) {
Phil Hughes's avatar
Phil Hughes committed
516 517 518
        float: right;
      }
    }
519
  }
520

521
  .nav > li > a {
Phil Hughes's avatar
Phil Hughes committed
522
    padding: 0;
Andrey's avatar
Andrey committed
523
    background-color: transparent;
524
    font-size: 15px;
Phil Hughes's avatar
Phil Hughes committed
525
    line-height: 29px;
526
    color: $notes-light-color;
527

Phil Hughes's avatar
Phil Hughes committed
528 529 530 531
    &:hover,
    &:focus {
      color: darken($notes-light-color, 15%);
    }
532
  }
533

534
  li.missing {
535 536
    border: 1px dashed $border-gray-light;
    border-radius: $border-radius-default;
537 538

    a {
539 540
      padding-left: 10px;
      padding-right: 10px;
541
      color: $notes-light-color;
542 543
      display: block;
    }
544 545

    &:hover {
546
      background-color: $gray-normal;
547 548
    }
  }
549 550 551 552 553
}

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

555
.git-empty {
556
  margin: 0 7px 7px;
557

558 559 560
  h5 {
    color: #5c5d5e;
  }
561

562
  .light-well {
Clement Ho's avatar
Clement Ho committed
563
    border-radius: 2px;
564

Andrey's avatar
Andrey committed
565
    color: #5b6169;
566 567
    font-size: 13px;
    line-height: 1.6em;
568 569 570
  }
}

571
.project-footer {
Andrey's avatar
Andrey committed
572
  margin-top: 20px;
573

574
  .btn-remove {
Andrey's avatar
Andrey committed
575
    @include btn-middle;
576
    @include btn-red;
577

578 579 580 581
    float: left !important;
  }
}

582 583 584
/*
 * Projects list rendered on dashboard and user page
 */
585

586 587 588 589
.projects-list {
  @include basic-list;

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

592 593
    .project-full-name {
      @include str-truncated;
594 595
    }

596
    .controls {
597
      line-height: $list-text-height;
598 599 600 601

      a:hover {
        text-decoration: none;
      }
602 603 604 605

      > span {
        margin-left: 10px;
      }
606 607 608 609 610

      svg {
        position: relative;
        top: 2px;
      }
611
    }
612
  }
613 614 615 616 617

  .bottom {
    padding-top: $gl-padding;
    padding-bottom: 0;
  }
618 619
}

620 621
.panel .projects-list li {
  padding: 10px 15px;
622
  margin: 0;
623
}
624

Annabel Dunstone's avatar
Annabel Dunstone committed
625 626 627

.activity-filter-block {
  .controls {
628 629
    padding-bottom: 7px;
    margin-top: 8px;
Annabel Dunstone's avatar
Annabel Dunstone committed
630
    border-bottom: 1px solid $border-color;
631 632
  }
}
633

634
.project-last-commit {
Phil Hughes's avatar
Phil Hughes committed
635 636 637
  @media (min-width: $screen-sm-min) {
    margin-top: $gl-padding;
  }
Phil Hughes's avatar
Phil Hughes committed
638 639 640 641 642 643

  &.container-fluid {
    padding-top: 12px;
    padding-bottom: 12px;
    background-color: $background-color;
    border: 1px solid $border-color;
Phil Hughes's avatar
Phil Hughes committed
644 645 646 647 648 649 650
    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
651 652 653 654 655 656 657 658
  }

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

659
  .ci-status {
Phil Hughes's avatar
Phil Hughes committed
660
    margin-right: $gl-padding;
661 662 663 664 665 666 667
  }

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

  .commit_short_id {
Phil Hughes's avatar
Phil Hughes committed
668
    margin-right: 5px;
669 670 671 672 673 674 675 676 677 678
    color: $gl-link-color;
    font-weight: 600;
  }

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

680 681 682 683
.project-show-readme {
  .row-content-block {
    background-color: inherit;
    border: none;
684
  }
685

686 687 688 689 690 691 692 693 694 695 696 697 698
  .readme-holder {
    padding: $gl-padding 0;
    border-top: 0;

    .edit-project-readme {
      z-index: 2;
      position: relative;
    }

    .wiki h1 {
      border-bottom: none;
      padding: 0;
    }
699
  }
700
}
701 702

.git-clone-holder {
Phil Hughes's avatar
Phil Hughes committed
703
  width: 380px;
704 705 706 707 708 709 710

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

  .clone-options {
    display: table-cell;
711

712 713 714 715 716 717 718
    a.btn {
      width: 100%;
    }
  }

  .form-control {
    @extend .monospace;
719
    background: #fff;
720 721 722 723 724 725
    font-size: 14px;
    margin-left: -1px;
    cursor: auto;
    width: 101%;
  }
}
726

727
.cannot-be-merged,
728
.cannot-be-merged:hover {
729
  color: #e62958;
730
  margin-top: 2px;
731
}
732 733

.private-forks-notice .private-fork-icon {
Rubén Dávila's avatar
Rubén Dávila committed
734
  i:nth-child(1) {
735
    color: #2aa056;
736
  }
Rubén Dávila's avatar
Rubén Dávila committed
737 738

  i:nth-child(2) {
739
    color: #fff;
740 741
  }
}
Phil Hughes's avatar
Phil Hughes committed
742

743 744
.new_protected_branch {
  label {
745 746
    margin-top: 6px;
    font-weight: normal;
747 748 749
  }
}

Phil Hughes's avatar
Phil Hughes committed
750 751 752 753 754 755 756
.protected-branches-list {
  a {
    color: $gl-gray;

    &:hover {
      color: $gl-link-color;
    }
757 758 759 760

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

763 764 765 766 767 768 769 770
  .settings-message {
    margin: 0;
    border-radius: 0 0 1px 1px;
    padding: 20px 0;
    border: none;
  }

  .table-bordered {
771 772
    border-radius: 1px;

773 774
    th:not(:last-child),
    td:not(:last-child) {
775 776 777
      border-right: solid 1px transparent;
    }
  }
Phil Hughes's avatar
Phil Hughes committed
778
}
779 780 781 782 783 784 785 786 787 788 789 790 791 792 793 794 795

.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;
  }
}
796

797 798
.project-refs-form .dropdown-menu,
.dropdown-menu-projects {
799 800 801 802 803 804 805 806
  width: 300px;

  @media (min-width: $screen-sm-min) {
    width: 500px;
  }

  a {
    white-space: normal;
807 808
  }
}
Phil Hughes's avatar
Phil Hughes committed
809

810
.compare-form-group {
Phil Hughes's avatar
Phil Hughes committed
811 812 813 814
  .dropdown-menu {
    width: 300px;
  }
}
815 816 817 818 819 820 821 822 823 824 825 826

.clearable-input {
  position: relative;

  .clear-icon {
    @extend .fa-times;
    display: none;
    position: absolute;
    right: 7px;
    top: 7px;
    color: $location-icon-color;

827
    &::before {
828 829 830 831 832 833 834 835 836 837 838 839
      font-family: FontAwesome;
      font-weight: normal;
      font-style: normal;
    }
  }

  &.has-value {
    .clear-icon {
      cursor: pointer;
      display: block;
    }
  }
840 841 842
}

.project-path {
James Lopez's avatar
James Lopez committed
843
  .form-control {
844 845
    min-width: 100px;
  }
846

847 848 849 850
  .select2-choice {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
851
}
852 853 854 855 856 857 858 859 860 861 862 863 864 865 866 867 868 869 870 871 872 873 874 875 876 877 878

.project-home-empty {
  border-top: 0;

  .container-fluid {
    background: none;
  }

  p {
    margin-left: auto;
    margin-right: auto;
    max-width: 650px;
  }
}

.project-feature-nested {
  @media (min-width: $screen-sm-min) {
    padding-left: 45px;
  }
}

.project-repo-select {
  &.disabled {
    opacity: 0.5;
    pointer-events: none;
  }
}