builds.scss 3.63 KB
Newer Older
1
.build-page {
2
  pre.trace {
3
    background: #111;
4 5
    color: #fff;
    font-family: $monospace_font;
6
    white-space: pre-wrap;
7 8 9 10 11 12 13 14 15 16 17 18
    overflow: auto;
    overflow-y: hidden;
    font-size: 12px;

    .fa-refresh {
      font-size: 24px;
      margin-left: 20px;
    }
  }

  .autoscroll-container {
    position: fixed;
19
    bottom: 20px;
20 21 22 23 24
    right: 20px;
    z-index: 100;
  }

  .scroll-controls {
25 26 27 28 29 30 31 32 33 34 35 36 37 38
    &.affix-top {
      position: absolute;
      top: 10px;
      right: 25px;
    }

    &.affix-bottom {
      position: absolute;
      right: 25px;
    }

    &.affix {
      right: 30px;
      bottom: 15px;
39
      z-index: 1;
40 41 42 43 44

      @media (min-width: $screen-md-min) {
        right: 26%;
      }
    }
45 46 47

    a {
      display: block;
48
      margin-bottom: 10px;
49 50
    }
  }
Phil Hughes's avatar
Phil Hughes committed
51
}
52

Phil Hughes's avatar
Phil Hughes committed
53 54 55
.build-header {
  position: relative;
  padding-right: 40px;
56

Phil Hughes's avatar
Phil Hughes committed
57 58
  @media (min-width: $screen-sm-min) {
    padding-right: 0;
59 60
  }

Phil Hughes's avatar
Phil Hughes committed
61 62
  a {
    color: $gl-gray;
63

Phil Hughes's avatar
Phil Hughes committed
64 65 66
    &:hover {
      color: $gl-link-color;
      text-decoration: none;
67 68
    }
  }
Phil Hughes's avatar
Phil Hughes committed
69 70 71 72 73 74 75 76 77 78

  code {
    color: $code-color;
  }

  .avatar {
    float: none;
    margin-right: 2px;
    margin-left: 2px;
  }
79
}
Annabel Dunstone's avatar
Annabel Dunstone committed
80

Phil Hughes's avatar
Phil Hughes committed
81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97
.build-trace {
  background: $ci-output-bg;
  color: $ci-text-color;
  white-space: pre;
  overflow-x: auto;
  font-size: 12px;

  .fa-refresh {
    font-size: 24px;
  }

  .bash {
    display: block;
  }
}

.right-sidebar.build-sidebar {
98
  padding: $gl-padding 0;
Phil Hughes's avatar
Phil Hughes committed
99 100 101 102 103

  &.right-sidebar-collapsed {
    display: none;
  }

104
  .blocks-container {
Luke Bennett's avatar
Luke Bennett committed
105
    padding: 0 $gl-padding;
106 107
  }

Phil Hughes's avatar
Phil Hughes committed
108 109 110
  .block {
    width: 100%;

111 112 113 114 115 116 117
    &.coverage {
      padding: 0 16px 11px;
    }

    .btn-group-justified {
      margin-top: 5px;
    }
118 119
  }

ubudzisz's avatar
ubudzisz committed
120 121 122 123 124 125 126 127 128 129
  .js-build-variable {
    color: $code-color;
  }

  .js-build-value {
    padding: 2px 4px;
    color: $black;
    background-color: $white-light;
  }

Phil Hughes's avatar
Phil Hughes committed
130
  .build-sidebar-header {
131
    padding: 0 $gl-padding $gl-padding;
Phil Hughes's avatar
Phil Hughes committed
132 133 134 135 136

    .gutter-toggle {
      margin-top: 0;
    }
  }
137

138 139
  .retry-link {
    color: $gl-link-color;
140

141 142 143 144 145
    &:hover {
      text-decoration: underline;
    }
  }

146 147 148 149 150 151 152 153 154
  .stage-item {
    cursor: pointer;

    &:hover {
      color: $gl-text-color;
    }
  }

  .build-dropdown {
155
    padding: $gl-padding 0;
156 157 158 159

    .dropdown-menu-toggle {
      margin-top: 8px;
    }
160 161 162 163 164 165

    .dropdown-menu {
      right: $gl-padding;
      left: $gl-padding;
      width: auto;
    }
166 167 168 169 170 171
  }

  .builds-container {
    background-color: $white-light;
    border-top: 1px solid $border-color;
    border-bottom: 1px solid $border-color;
172
    max-height: 300px;
173
    overflow: auto;
174 175 176 177 178 179 180 181 182 183

    svg {
      position: relative;
      top: 2px;
      margin-right: 3px;
      height: 13px;
    }

    a {
      display: block;
184 185 186 187 188
      padding: $gl-padding 10px $gl-padding 40px;
      width: 270px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
189 190 191 192 193 194 195

      &:hover {
        color: $gl-text-color;
      }
    }

    .build-job {
196 197
      position: relative;

198
      .fa-arrow-right {
199 200 201 202 203 204
        position: absolute;
        left: 15px;
        top: 20px;
        display: none;
      }

205 206
      &.active {
        font-weight: bold;
207

208
        .fa-arrow-right {
209 210
          display: block;
        }
211
      }
212

213 214 215 216
      &.retried {
        background-color: $gray-lightest;
      }

217 218 219
      &:hover {
        background-color: $row-hover;
      }
220 221 222 223 224

      .fa-refresh {
        font-size: 13px;
        margin-left: 3px;
      }
225 226
    }
  }
Phil Hughes's avatar
Phil Hughes committed
227 228 229 230
}

.build-detail-row {
  margin-bottom: 5px;
231

232 233 234
  &:last-of-type {
    margin-bottom: 0;
  }
Phil Hughes's avatar
Phil Hughes committed
235 236 237 238 239 240 241 242 243 244 245 246
}

.build-light-text {
  color: $gl-placeholder-color;
}

.build-gutter-toggle {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -17px;
}
247 248 249 250 251 252

@media (min-width: $screen-md-min) {
  .sub-nav.build {
    width: calc(100% + #{$gutter_width});
  }
}