BigW Consortium Gitlab

labels.scss 2.13 KB
Newer Older
1 2 3 4 5 6 7 8 9
.suggest-colors {
  margin-top: 5px;
  a {
    @include border-radius(4px);
    width: 30px;
    height: 30px;
    display: inline-block;
    margin-right: 10px;
  }
10 11

  &.suggest-colors-dropdown {
12 13 14 15
    margin-top: 10px;
    margin-bottom: 10px;
    border-radius: $border-radius-base;
    overflow: hidden;
16

17 18
    a {
      @include border-radius(0);
19
      width: (100% / 7);
20 21 22 23
      margin-right: 0;
      margin-bottom: -5px;
    }
  }
24 25
}

26 27 28 29 30 31 32 33 34
.dropdown-new-label {
  .dropdown-content {
    max-height: 260px;
  }
}

.dropdown-label-color-input {
  position: relative;
  margin-bottom: 10px;
35 36

  &.is-active {
37
    padding-left: 32px;
38 39 40
  }
}

41 42 43 44 45 46 47 48 49 50
.dropdown-label-color-preview {
  position: absolute;
  left: 0;
  top: 0;
  width: 32px;
  height: 32px;
  border-top-left-radius: $border-radius-base;
  border-bottom-left-radius: $border-radius-base;
}

Tap committed
51
.label-row {
52 53
  .label-name {
    display: inline-block;
54
    width: 200px;
55 56 57 58

    @media (max-width: $screen-xs-min) {
      display: block;
    }
59 60
  }

61 62 63 64 65
  .label {
    padding: 9px;
    font-size: 14px;
  }
}
Dmitriy Zaporozhets committed
66 67 68 69

.color-label {
  padding: 3px 4px;
}
70 71

.label-subscription {
72 73
  display: inline-block;
}
74 75 76 77 78 79 80

.dropdown-labels-error {
  padding: 5px 10px;
  margin-bottom: 10px;
  background-color: $gl-danger;
  color: $white-light;
}
81

82 83 84 85 86 87 88 89 90 91
@mixin labels-mobile {
  @media (max-width: $screen-xs-min) {
    display: block;
    width: 100%;
    margin-left: 0;
    padding: 10px 0;
  }
}


92 93
.manage-labels-list {

94
  .prepend-left-10, .prepend-description-left {
95
    display: inline-block;
96
    width: 40%;
Arinde Eniola committed
97
    vertical-align: middle;
98

99 100 101 102 103 104 105
    @include labels-mobile;
  }

  .prepend-description-left {
    width: 57%;

    @include labels-mobile;
106 107
  }

108 109
  .pull-info-right {
    float: right;
110

111
    @media (max-width: $screen-xs-min) {
112
      float: none;
113 114
    }

115 116
    .action-buttons {
      border-color: transparent;
117 118 119
      padding: 6px;
      color: $gl-text-color;

120
      &.label-subscribe-button {
121 122
        padding-left: 0;
      }
123 124 125 126 127 128 129 130 131 132
    }

    i {
      color: $gl-text-color;
    }

    .append-right-20 {
      a {
        color: $gl-text-color;
      }
133 134 135 136 137

      @media (max-width: $screen-xs-min) {
        display: block;
        margin-bottom: 10px;
      }
138 139 140
    }
  }
}