environments.scss 3.51 KB
Newer Older
1 2 3 4 5
@media (max-width: $screen-md-max) {
  .deployments-container {
    width: 100%;
    overflow: auto;
  }
6 7
}

8 9 10 11 12
.environments-folder-name {
  font-weight: normal;
  padding-top: 20px;
}

13 14
.environments-container {
  .table-holder {
Filipa Lacerda's avatar
Filipa Lacerda committed
15
    width: 100%;
16 17 18 19

    @media (max-width: $screen-sm-max) {
      overflow: auto;
    }
Filipa Lacerda's avatar
Filipa Lacerda committed
20
  }
21

22 23
  .table.ci-table {
    .environments-actions {
24
      min-width: 300px;
25
    }
Annabel Dunstone's avatar
Annabel Dunstone committed
26

27 28 29 30
    .environments-commit,
    .environments-actions {
      width: 20%;
    }
31

32 33
    .environments-date {
      width: 10%;
34 35
    }

36 37 38 39
    .environments-name,
    .environments-deploy,
    .environments-build {
      width: 15%;
40 41
    }

42 43 44 45 46 47 48 49
    .deployment-column {
      > span {
        word-break: break-all;
      }

      .avatar {
        float: none;
      }
50 51
    }

52
    .btn-group {
53

54 55 56
      > a {
        color: $gl-text-color-secondary;
      }
Annabel Dunstone's avatar
Annabel Dunstone committed
57

58 59 60
      svg path {
        fill: $gl-text-color-secondary;
      }
61

62 63 64 65
      .dropdown {
        outline: none;
      }
    }
Annabel Dunstone's avatar
Annabel Dunstone committed
66

67 68 69 70
    .btn .text-center {
      display: inline;
    }

71 72 73
    .commit-title {
      margin: 0;
    }
Annabel Dunstone's avatar
Annabel Dunstone committed
74

75 76 77
    .icon-play {
      height: 13px;
      width: 12px;
Annabel Dunstone's avatar
Annabel Dunstone committed
78
    }
79

80 81 82 83
    .external-url,
    .dropdown-new {
      color: $gl-text-color-secondary;
    }
84

85 86 87 88 89 90
    .dropdown-menu {
      .fa {
        margin-right: 6px;
        color: $gl-text-color-secondary;
      }
    }
91

92
    .build-link,
93
    .ref-name {
94
      color: $gl-text-color;
95
    }
96

97 98 99 100 101 102 103 104
    .stop-env-link,
    .external-url {
      color: $gl-text-color-secondary;

      .stop-env-icon {
        font-size: 14px;
      }
    }
105

106
    .deployment .build-column {
Filipa Lacerda's avatar
Filipa Lacerda committed
107
      .build-link {
108
        color: $gl-text-color;
Filipa Lacerda's avatar
Filipa Lacerda committed
109
      }
110

Filipa Lacerda's avatar
Filipa Lacerda committed
111 112 113 114
      .avatar {
        float: none;
      }
    }
115

116
    .folder-icon {
117
      margin-right: 3px;
118 119 120 121 122 123
      color: $gl-text-color-secondary;
      display: inline-block;

      .fa:nth-child(1) {
        margin-right: 3px;
      }
124
    }
Filipa Lacerda's avatar
Filipa Lacerda committed
125

126 127 128 129 130
    .folder-name {
      cursor: pointer;
      color: $gl-text-color-secondary;
      display: inline-block;
    }
131

132 133 134 135
    .icon-container {
      width: 20px;
      text-align: center;
    }
136

137
    .branch-commit {
138
      .commit-sha {
139 140
        margin-right: 0;
      }
141
    }
142 143 144 145 146 147 148 149

    .no-btn {
      border: none;
      background: none;
      outline: none;
      width: 100%;
      text-align: left;
    }
150
  }
151
}
152 153 154

.prometheus-graph {
  text {
Phil Hughes's avatar
Phil Hughes committed
155
    fill: $gl-text-color;
156
    stroke-width: 0;
157
  }
158

159 160 161 162 163
  .label-axis-text,
  .text-metric-usage {
    fill: $black;
    font-weight: 500;
  }
164 165

  .legend-axis-text {
166 167
    fill: $black;
  }
168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208
}

.x-axis path,
.y-axis path,
.label-x-axis-line,
.label-y-axis-line {
  fill: none;
  stroke-width: 1;
  shape-rendering: crispEdges;
}

.x-axis path,
.y-axis path {
  stroke: $stat-graph-axis-fill;
}

.label-x-axis-line,
.label-y-axis-line {
  stroke: $border-color;
}

.y-axis {
  line {
    stroke: $stat-graph-axis-fill;
    stroke-width: 1;
  }
}

.metric-area {
  opacity: 0.8;
}

.prometheus-graph-overlay {
  fill: none;
  opacity: 0.0;
  pointer-events: all;
}

.rect-text-metric {
  fill: $white-light;
  stroke-width: 1;
Phil Hughes's avatar
Phil Hughes committed
209
  stroke: $gray-darkest;
210 211 212 213 214 215
}

.rect-axis-text {
  fill: $white-light;
}

216 217
.text-metric {
  font-weight: 600;
218 219 220
}

.selected-metric-line {
Phil Hughes's avatar
Phil Hughes committed
221
  stroke: $gl-gray-dark;
222 223
  stroke-width: 1;
}
Phil Hughes's avatar
Phil Hughes committed
224 225

.deployment-line {
Phil Hughes's avatar
Phil Hughes committed
226
  stroke: $black;
Phil Hughes's avatar
Phil Hughes committed
227 228
  stroke-width: 2;
}
Phil Hughes's avatar
Phil Hughes committed
229 230 231 232 233

.deploy-info-text {
  dominant-baseline: text-before-edge;
}

234
.text-metric-bold {
Phil Hughes's avatar
Phil Hughes committed
235 236
  font-weight: 600;
}
237

238 239 240 241 242 243 244 245 246
.prometheus-state {
  margin-top: 10px;
  display: none;

  .state-button-section {
    margin-top: 10px;
  }
}

247 248 249 250 251 252 253 254
.environments-actions {
  .external-url,
  .monitoring-url,
  .terminal-button,
  .stop-env-link {
    width: 38px;
  }
}