gitlab-org--gitlab-foss/app/assets/stylesheets/pages/environments.scss

149 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;
}
}