BigW Consortium Gitlab

commits.scss 3.38 KB
Newer Older
1
.commits-compare-switch {
2 3
  @include btn-default;
  @include btn-white;
4 5 6
  float: left;
  margin-right: 9px;
}
7

Phil Hughes committed
8 9 10
.commit-header {
  padding: 5px 10px;
  background-color: $background-color;
11
  border-top: 1px solid #eee;
Phil Hughes committed
12
  border-bottom: 1px solid #eee;
Phil Hughes committed
13 14 15 16 17
  font-size: 14px;

  &:first-child {
    border-top-width: 0;
  }
18 19
}

Phil Hughes committed
20
.commit-row-title {
21
  line-height: 1.35;
22

Phil Hughes committed
23 24 25
  .notes_count {
    float: right;
    margin-right: 10px;
26
  }
27

Phil Hughes committed
28 29
  .str-truncated {
    max-width: 70%;
30
  }
31

Phil Hughes committed
32 33
  .commit-row-message {
    color: $gl-dark-link-color;
34
  }
35

Phil Hughes committed
36
  .text-expander {
37
    display: inline-block;
38
    background: $gray-light;
39
    color: $gl-placeholder-color;
Phil Hughes committed
40 41
    padding: 0 5px;
    cursor: pointer;
42 43 44
    border: 1px solid $border-gray-dark;
    border-radius: $border-radius-default;
    margin-left: 5px;
45
    line-height: 1;
46

Phil Hughes committed
47
    &:hover {
48 49
      background-color: darken($gray-light, 10%);
      text-decoration: none;
50
    }
51
  }
52
}
53

Phil Hughes committed
54
.commit-actions {
55
  @media (min-width: $screen-sm-min) {
Phil Hughes committed
56
    float: right;
57
    margin-left: $gl-padding;
58 59 60
    margin-top: 2px;
    font-size: 0;
  }
61

62 63 64 65
  .ci-status-link {
    display: inline-block;
  }

66
  .btn-clipboard, .btn-transparent {
67 68 69
    padding-left: 0;
    padding-right: 0;
  }
70

71 72 73
  .btn {
    &:not(:first-child) {
      margin-left: $gl-padding;
74
    }
Phil Hughes committed
75 76
  }
}
77

Phil Hughes committed
78 79 80 81
.commit-short-id {
  font-family: $monospace_font;
  font-weight: 600;
}
82

Phil Hughes committed
83
.commit {
Phil Hughes committed
84
  padding: 10px 0;
85
  position: relative;
86

87
  @media (min-width: $screen-sm-min) {
88
    padding-left: 46px;
89
  }
90

Phil Hughes committed
91 92 93
  &:not(:last-child) {
    border-bottom: 1px solid #eee;
  }
94

95 96
  a,
  button {
Phil Hughes committed
97
    color: $gl-dark-link-color;
98
    vertical-align: baseline;
Phil Hughes committed
99
  }
100

101

Phil Hughes committed
102
  .avatar {
103
    margin-left: -46px;
104 105
  }

Phil Hughes committed
106 107
  .item-title {
    display: inline-block;
108 109 110 111

    @media (min-width: $screen-sm-min) {
      max-width: 70%;
    }
Phil Hughes committed
112 113
  }

114 115
  .commit-row-description {
    font-size: 14px;
116
    border-left: 1px solid $btn-gray-hover;
117
    padding: 10px 15px;
118
    margin: 10px 0;
119
    background: $gray-light;
120
    display: none;
121 122
    white-space: pre-line;
    word-break: normal;
123 124 125 126 127 128

    pre {
      border: none;
      background: inherit;
      padding: 0;
      margin: 0;
129
      white-space: pre-wrap;
130
    }
131 132 133 134

    a {
      color: $gl-dark-link-color;
    }
135 136 137
  }

  .commit-row-info {
138
    color: $gl-gray;
139
    line-height: 1.35;
140 141

    a {
142
      color: $gl-gray;
143 144
    }

145 146 147
    .avatar {
      margin-right: 8px;
    }
148 149 150 151 152 153 154 155 156 157 158 159 160
  }

  &.inline-commit {
    .commit-row-title {
      font-size: 13px;
    }

    .committed_ago {
      float: right;
      @extend .cgray;
    }
  }
}
161

162 163 164 165 166 167
.branch-commit {
  color: $gl-gray;
  .commit-id, .commit-row-message {
    color: $gl-gray;
  }
}
168

169 170 171
.divergence-graph {
  padding: 12px 12px 0 0;
  float: right;
172

173 174 175 176 177 178
  .graph-side {
    position: relative;
    width: 80px;
    height: 22px;
    padding: 5px 0 13px;
    float: left;
179

180 181 182 183 184 185 186 187 188 189 190 191 192 193 194
    .bar {
      position: absolute;
      height: 4px;
      background-color: #ccc;
    }

    .bar-behind {
      right: 0;
      border-radius: 3px 0 0 3px;
    }

    .bar-ahead {
      left: 0;
      border-radius: 0 3px 3px 0;
    }
195

196 197
    .count {
      padding-top: 6px;
198
      padding-bottom: 0;
199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223
      font-size: 12px;
      color: #333;
      display: block;
    }

    .count-behind {
      padding-right: 4px;
      text-align: right;
    }

    .count-ahead {
      padding-left: 4px;
      text-align: left;
    }
  }

  .graph-separator {
    position: relative;
    width: 1px;
    height: 18px;
    margin: 5px 0 0;
    float: left;
    background-color: #ccc;
  }
}