debian-mirror-gitlab/app/assets/stylesheets/page_bundles/environments.scss

221 lines
3.5 KiB
SCSS
Raw Normal View History

2021-01-03 14:25:43 +05:30
@import 'page_bundles/mixins_and_variables_and_functions';
2017-08-17 22:00:37 +05:30
.environments-container {
2017-09-10 17:25:29 +05:30
.ci-table {
2017-08-17 22:00:37 +05:30
.commit-title {
margin: 0;
}
.external-url,
.dropdown-new {
2021-01-03 14:25:43 +05:30
color: var(--gray-500, $gray-500);
2017-08-17 22:00:37 +05:30
}
.build-link,
2017-09-10 17:25:29 +05:30
.ref-name {
2021-01-03 14:25:43 +05:30
color: var(--gray-900, $gray-900);
2017-08-17 22:00:37 +05:30
}
.folder-icon {
margin-right: 3px;
2021-01-03 14:25:43 +05:30
color: var(--gray-500, $gray-500);
2017-08-17 22:00:37 +05:30
display: inline-block;
2018-12-13 13:39:08 +05:30
vertical-align: text-top;
2017-08-17 22:00:37 +05:30
}
.folder-name {
cursor: pointer;
2021-01-03 14:25:43 +05:30
color: var(--gray-500, $gray-500);
2017-08-17 22:00:37 +05:30
display: inline-block;
}
.icon-container {
width: 20px;
text-align: center;
}
.no-btn {
2018-03-17 18:26:18 +05:30
border: 0;
2017-08-17 22:00:37 +05:30
background: none;
outline: none;
width: 100%;
text-align: left;
}
2018-03-27 19:54:05 +05:30
.environment-child-row {
padding-left: 20px;
}
2016-11-03 12:29:30 +05:30
}
2016-09-13 17:45:13 +05:30
}
2017-09-10 17:25:29 +05:30
.gl-responsive-table-row {
.branch-commit {
max-width: 100%;
2017-08-17 22:00:37 +05:30
}
2017-09-10 17:25:29 +05:30
}
2016-09-13 17:45:13 +05:30
2017-09-10 17:25:29 +05:30
.folder-row {
2018-03-17 18:26:18 +05:30
border-left: 0;
border-right: 0;
2016-11-03 12:29:30 +05:30
2018-11-08 19:23:39 +05:30
@media (min-width: map-get($grid-breakpoints, md)-1) {
2018-03-17 18:26:18 +05:30
border-top: 0;
2017-08-17 22:00:37 +05:30
}
}
.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 {
2021-01-03 14:25:43 +05:30
stroke: var(--gray-300, $gray-300);
2017-08-17 22:00:37 +05:30
}
.label-x-axis-line,
.label-y-axis-line {
2021-01-03 14:25:43 +05:30
stroke: var(--gray-100, $gray-100);
2017-08-17 22:00:37 +05:30
}
.y-axis {
line {
2021-01-03 14:25:43 +05:30
stroke: var(--gray-300, $gray-300);
2017-08-17 22:00:37 +05:30
stroke-width: 1;
}
}
.metric-area {
2018-03-17 18:26:18 +05:30
opacity: 0.25;
2017-08-17 22:00:37 +05:30
}
.rect-text-metric {
2021-01-03 14:25:43 +05:30
fill: var(--white, $white);
2017-08-17 22:00:37 +05:30
stroke-width: 1;
2021-01-03 14:25:43 +05:30
stroke: var(--gray-600, $gray-600);
2017-08-17 22:00:37 +05:30
}
.rect-axis-text {
2021-01-03 14:25:43 +05:30
fill: var(--white, $white);
2017-08-17 22:00:37 +05:30
}
.text-metric {
2017-09-10 17:25:29 +05:30
font-size: 12px;
2017-08-17 22:00:37 +05:30
}
.selected-metric-line {
2021-01-03 14:25:43 +05:30
stroke: var(--gray-900, $gray-900);
2017-08-17 22:00:37 +05:30
stroke-width: 1;
}
.deployment-line {
2021-01-03 14:25:43 +05:30
stroke: var(--white, $white);
2017-09-10 17:25:29 +05:30
stroke-width: 1;
2017-08-17 22:00:37 +05:30
}
2018-03-17 18:26:18 +05:30
.divider-line {
stroke-width: 1;
2021-01-03 14:25:43 +05:30
stroke: var(--gray-600, $gray-600);
2017-08-17 22:00:37 +05:30
}
.environments-actions {
.external-url,
.monitoring-url,
2019-07-31 22:56:46 +05:30
.terminal-button {
2017-08-17 22:00:37 +05:30
width: 38px;
2016-11-03 12:29:30 +05:30
}
}
2021-03-08 18:12:59 +05:30
/**
* Deploy boards
*/
.deploy-board {
background-color: var(--gray-50, $gray-50);
min-height: 20px;
> .loading-icon,
> .deploy-board-empty,
> .deploy-board-information {
padding: 10px;
}
.deploy-board-information {
display: flex;
justify-content: space-between;
.deploy-board-status {
order: 1;
display: flex;
width: 70px;
flex-wrap: wrap;
justify-content: center;
margin: 20px 0 0 5px;
}
.deploy-board-instances {
order: 2;
margin-left: 20px;
width: 100%;
}
.deploy-board-canary-ingress {
order: 7;
}
.deploy-board-actions {
order: 3;
align-self: center;
min-width: 150px;
margin-left: 10px;
}
&.deploy-board-error-message {
justify-content: center;
}
.deploy-board-empty-state-svg {
order: 1;
width: 90px;
margin: auto 0 auto 20px;
}
.deploy-board-empty-state-text {
order: 2;
flex-wrap: wrap;
margin: auto auto 15px 0;
}
.deploy-board-empty-state-title {
order: 1;
font-size: 17px;
line-height: 40px;
}
}
.deploy-board-legend .legend-text {
color: var(--gray-900, $gray-900);
font-size: $gl-font-size-small;
font-weight: $gl-font-weight-bold;
line-height: $gl-line-height-14;
}
}
.deploy-board-icon {
display: none;
@include media-breakpoint-up(md) {
float: left;
display: block;
}
i {
cursor: pointer;
color: var(--gray-200, $gray-200);
padding-right: 10px;
}
}