commits.scss 3.39 KB
Newer Older
1
.commits-compare-switch {
2 3
  @include btn-default;
  @include btn-white;
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
4 5 6
  float: left;
  margin-right: 9px;
}
7

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

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

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

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

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

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

Phil Hughes's avatar
Phil Hughes committed
36
  .text-expander {
37
    display: inline-block;
38
    background: $gray-light;
39
    color: $gl-placeholder-color;
Phil Hughes's avatar
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's avatar
Phil Hughes committed
47
    &:hover {
48 49
      background-color: darken($gray-light, 10%);
      text-decoration: none;
50
    }
51
  }
52
}
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
53

Phil Hughes's avatar
Phil Hughes committed
54
.commit-actions {
Phil Hughes's avatar
Phil Hughes committed
55
  @media (min-width: $screen-sm-min) {
Phil Hughes's avatar
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 67
  .btn-clipboard,
  .btn-transparent {
68 69 70
    padding-left: 0;
    padding-right: 0;
  }
71

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

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

Phil Hughes's avatar
Phil Hughes committed
84
.commit {
Phil Hughes's avatar
Phil Hughes committed
85
  padding: 10px 0;
86
  position: relative;
87

Phil Hughes's avatar
Phil Hughes committed
88
  @media (min-width: $screen-sm-min) {
Phil Hughes's avatar
Phil Hughes committed
89
    padding-left: 46px;
Phil Hughes's avatar
Phil Hughes committed
90
  }
91

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

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

102

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

Phil Hughes's avatar
Phil Hughes committed
107 108
  .item-title {
    display: inline-block;
Phil Hughes's avatar
Phil Hughes committed
109 110 111 112

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

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

    pre {
      border: none;
      background: inherit;
      padding: 0;
      margin: 0;
130
      white-space: pre-wrap;
131
    }
Phil Hughes's avatar
Phil Hughes committed
132 133 134 135

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

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

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

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

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

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

163 164
.branch-commit {
  color: $gl-gray;
165

166 167
  .commit-id,
  .commit-row-message {
168 169 170
    color: $gl-gray;
  }
}
171

172 173 174
.divergence-graph {
  padding: 12px 12px 0 0;
  float: right;
175

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

183 184 185 186 187 188 189 190 191 192 193 194 195 196 197
    .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;
    }
198

199 200
    .count {
      padding-top: 6px;
201
      padding-bottom: 0;
202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226
      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;
  }
}