150 lines
2.1 KiB
SCSS
150 lines
2.1 KiB
SCSS
@include media-breakpoint-down(md) {
|
|
.deployments-container {
|
|
width: 100%;
|
|
overflow: auto;
|
|
}
|
|
}
|
|
|
|
.environments-folder-name {
|
|
font-weight: $gl-font-weight-normal;
|
|
}
|
|
|
|
.environments-container {
|
|
.ci-table {
|
|
.commit-title {
|
|
margin: 0;
|
|
}
|
|
|
|
.external-url,
|
|
.dropdown-new {
|
|
color: $gl-text-color-secondary;
|
|
}
|
|
|
|
.build-link,
|
|
.ref-name {
|
|
color: $gl-text-color;
|
|
}
|
|
|
|
.folder-icon {
|
|
margin-right: 3px;
|
|
color: $gl-text-color-secondary;
|
|
display: inline-block;
|
|
vertical-align: text-top;
|
|
}
|
|
|
|
.folder-name {
|
|
cursor: pointer;
|
|
color: $gl-text-color-secondary;
|
|
display: inline-block;
|
|
}
|
|
|
|
.icon-container {
|
|
width: 20px;
|
|
text-align: center;
|
|
}
|
|
|
|
.no-btn {
|
|
border: 0;
|
|
background: none;
|
|
outline: none;
|
|
width: 100%;
|
|
text-align: left;
|
|
}
|
|
|
|
.environment-child-row {
|
|
padding-left: 20px;
|
|
}
|
|
}
|
|
}
|
|
|
|
.gl-responsive-table-row {
|
|
.branch-commit {
|
|
max-width: 100%;
|
|
}
|
|
}
|
|
|
|
.folder-row {
|
|
border-left: 0;
|
|
border-right: 0;
|
|
|
|
@media (min-width: map-get($grid-breakpoints, md)-1) {
|
|
border-top: 0;
|
|
}
|
|
}
|
|
|
|
.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: $gl-gray-350;
|
|
}
|
|
|
|
.label-x-axis-line,
|
|
.label-y-axis-line {
|
|
stroke: $border-color;
|
|
}
|
|
|
|
.y-axis {
|
|
line {
|
|
stroke: $gl-gray-350;
|
|
stroke-width: 1;
|
|
}
|
|
}
|
|
|
|
.refresh-dashboard-button {
|
|
margin-top: 22px;
|
|
|
|
@media(max-width: map-get($grid-breakpoints, sm)) {
|
|
margin-top: 0;
|
|
}
|
|
}
|
|
|
|
.metric-area {
|
|
opacity: 0.25;
|
|
}
|
|
|
|
|
|
.rect-text-metric {
|
|
fill: $white;
|
|
stroke-width: 1;
|
|
stroke: $gray-darkest;
|
|
}
|
|
|
|
.rect-axis-text {
|
|
fill: $white;
|
|
}
|
|
|
|
.text-metric {
|
|
font-size: 12px;
|
|
}
|
|
|
|
.selected-metric-line {
|
|
stroke: $gl-gray-dark;
|
|
stroke-width: 1;
|
|
}
|
|
|
|
.deployment-line {
|
|
stroke: $black;
|
|
stroke-width: 1;
|
|
}
|
|
|
|
.divider-line {
|
|
stroke-width: 1;
|
|
stroke: $gray-darkest;
|
|
}
|
|
|
|
.environments-actions {
|
|
.external-url,
|
|
.monitoring-url,
|
|
.terminal-button {
|
|
width: 38px;
|
|
}
|
|
}
|