BigW Consortium Gitlab

commits.scss 4.32 KB
Newer Older
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21
.commit-description {
  background: none;
  border: none;
  padding: 0;
  margin-top: 10px;
  word-break: normal;
  white-space: pre-wrap;
}

.js-details-expand {
  &:hover {
    text-decoration: none;
  }
}

.commit-box {
  border-top: 1px solid $border-color;
  padding: $gl-padding 0;

  .commit-title {
    margin: 0;
22
    color: $gl-text-color;
23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40
  }

  .commit-description {
    margin-top: 15px;
  }
}

.commit-hash-full {
  @media (max-width: $screen-sm-max) {
    width: 80px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: bottom;
  }
}

41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72
.pipeline-info {
  .status-icon-container {
    display: inline-block;
    vertical-align: middle;
    margin-right: 3px;

    svg {
      display: block;
      width: 22px;
      height: 22px;
    }
  }

  .mr-widget-pipeline-graph {
    display: inline-block;
    vertical-align: middle;
    margin: 0 -6px 0 0;

    .dropdown-menu {
      margin-top: 11px;
    }
  }
}

.branch-info .commit-icon {
  margin-right: 3px;

  svg {
    top: 3px;
  }
}

73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93
/*
 * Commit message textarea for web editor and
 * custom merge request message
 */
.commit-message-container {
  background-color: $body-bg;
  position: relative;
  font-family: $monospace_font;
  $left: 12px;
  overflow: hidden; // See https://gitlab.com/gitlab-org/gitlab-ce/issues/13987
  .max-width-marker {
    width: 72ch;
    color: $commit-max-width-marker-color;
    font-family: inherit;
    left: $left;
    height: 100%;
    border-right: 1px solid mix($input-border, $white-light);
    position: absolute;
    z-index: 1;
  }

94
  textarea {
95 96 97 98 99 100 101 102 103
    background-color: $commit-message-text-area-bg;
    font-family: inherit;
    padding-left: $left;
    position: relative;
    z-index: 2;
  }
}


104
.commits-compare-switch {
105 106 107
  float: left;
  margin-right: 9px;
}
108

Phil Hughes committed
109 110
.commit-header {
  padding: 5px 10px;
111
  background-color: $gray-light;
112
  border-bottom: 1px solid $gray-darker;
113
  border-top: 1px solid $gray-darker;
Phil Hughes committed
114 115 116 117 118
  font-size: 14px;

  &:first-child {
    border-top-width: 0;
  }
119 120
}

Phil Hughes committed
121 122 123 124
.commit-row-title {
  .notes_count {
    float: right;
    margin-right: 10px;
125
  }
126

Phil Hughes committed
127 128
  .str-truncated {
    max-width: 70%;
129
  }
130

Phil Hughes committed
131
  .commit-row-message {
132
    color: $gl-text-color;
133
  }
134 135 136 137 138
}

.text-expander {
  display: inline-block;
  background: $gray-light;
139
  color: $gl-text-color-secondary;
140 141 142 143 144
  padding: 0 5px;
  cursor: pointer;
  border: 1px solid $border-gray-dark;
  border-radius: $border-radius-default;
  margin-left: 5px;
145 146 147
  font-size: $gl-font-size;
  line-height: $gl-font-size;
  outline: none;
148 149 150 151

  &:hover {
    background-color: darken($gray-light, 10%);
    text-decoration: none;
152
  }
153
}
154

155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183
.commit.flex-list {
  display: flex;
}

.avatar-cell {
  width: 46px;
  padding-left: 10px;

  img {
    margin-right: 0;
  }
}

.commit-detail {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-grow: 1;
  padding-left: 10px;

  .merge-request-branches & {
    flex-direction: column;
  }
}

.commit-content {
  padding-right: 10px;
}

Phil Hughes committed
184
.commit-actions {
185
  @media (min-width: $screen-sm-min) {
186 187
    font-size: 0;
  }
188

189 190
  .ci-status-link {
    display: inline-block;
191 192
    position: relative;
    top: 1px;
193 194
  }

195 196
  .btn-clipboard,
  .btn-transparent {
197 198 199
    padding-left: 0;
    padding-right: 0;
  }
200

201 202 203
  .btn {
    &:not(:first-child) {
      margin-left: $gl-padding;
204
    }
Phil Hughes committed
205 206
  }
}
207

Phil Hughes committed
208 209 210 211
.commit-short-id {
  font-family: $monospace_font;
  font-weight: 600;
}
212

213 214
.commit,
.generic_commit_status {
215

216 217
  a,
  button {
218
    color: $gl-text-color;
219
    vertical-align: baseline;
Phil Hughes committed
220
  }
221 222 223 224

  .commit-row-description {
    font-size: 14px;
    padding: 10px 15px;
225
    margin: 10px 0;
226
    background: $gray-light;
227
    display: none;
228 229
    white-space: pre-line;
    word-break: normal;
230 231 232 233 234 235

    pre {
      border: none;
      background: inherit;
      padding: 0;
      margin: 0;
236
      white-space: pre-wrap;
237
    }
238 239

    a {
240
      color: $gl-text-color;
241
    }
242 243 244 245 246 247 248 249 250 251 252 253 254
  }

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

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

256
.branch-commit {
257
  color: $gl-text-color;
258

259 260 261 262 263 264 265 266
  .commit-icon {
    text-align: center;
    display: inline-block;

    svg {
      height: 14px;
      width: 14px;
      vertical-align: middle;
267
      fill: $gl-text-color-secondary;
268 269 270
    }
  }

271
  .commit-id {
272 273 274
    color: $gl-link-color;
  }

275
  .commit-row-message {
276
    color: $gl-text-color;
277 278
  }
}