2020-10-06 14:08:49 -04:00
|
|
|
@import 'page_bundles/mixins_and_variables_and_functions';
|
2017-02-13 11:11:11 -05:00
|
|
|
|
2017-02-28 07:05:01 -05:00
|
|
|
.environments-container {
|
2017-06-06 08:58:29 -04:00
|
|
|
.ci-table {
|
2017-02-28 07:05:01 -05:00
|
|
|
.commit-title {
|
|
|
|
margin: 0;
|
|
|
|
}
|
2016-08-05 13:44:13 -04:00
|
|
|
|
2017-02-28 07:05:01 -05:00
|
|
|
.external-url,
|
|
|
|
.dropdown-new {
|
2020-10-13 23:08:32 -04:00
|
|
|
color: var(--gray-500, $gray-500);
|
2017-02-28 07:05:01 -05:00
|
|
|
}
|
2016-10-24 15:23:40 -04:00
|
|
|
|
2017-02-28 07:05:01 -05:00
|
|
|
.build-link,
|
2017-05-11 11:47:44 -04:00
|
|
|
.ref-name {
|
2020-10-13 23:08:32 -04:00
|
|
|
color: var(--gray-900, $gray-900);
|
2016-10-04 16:26:33 -04:00
|
|
|
}
|
2016-10-17 05:24:51 -04:00
|
|
|
|
2017-02-28 07:05:01 -05:00
|
|
|
.folder-icon {
|
2017-02-03 14:47:56 -05:00
|
|
|
margin-right: 3px;
|
2020-10-13 23:08:32 -04:00
|
|
|
color: var(--gray-500, $gray-500);
|
2017-02-28 07:05:01 -05:00
|
|
|
display: inline-block;
|
2018-10-15 14:35:00 -04:00
|
|
|
vertical-align: text-top;
|
2017-02-03 14:47:56 -05:00
|
|
|
}
|
2016-10-25 09:55:57 -04:00
|
|
|
|
2017-02-28 07:05:01 -05:00
|
|
|
.folder-name {
|
|
|
|
cursor: pointer;
|
2020-10-13 23:08:32 -04:00
|
|
|
color: var(--gray-500, $gray-500);
|
2017-02-28 07:05:01 -05:00
|
|
|
display: inline-block;
|
|
|
|
}
|
2016-08-05 15:08:39 -04:00
|
|
|
|
2017-02-28 07:05:01 -05:00
|
|
|
.icon-container {
|
|
|
|
width: 20px;
|
|
|
|
text-align: center;
|
|
|
|
}
|
2016-10-10 17:21:08 -04:00
|
|
|
|
2017-03-13 20:58:26 -04:00
|
|
|
.no-btn {
|
2017-11-02 19:59:51 -04:00
|
|
|
border: 0;
|
2017-03-13 20:58:26 -04:00
|
|
|
background: none;
|
|
|
|
outline: none;
|
|
|
|
width: 100%;
|
|
|
|
text-align: left;
|
|
|
|
}
|
2018-02-09 06:17:58 -05:00
|
|
|
|
|
|
|
.environment-child-row {
|
|
|
|
padding-left: 20px;
|
|
|
|
}
|
2016-10-05 07:17:34 -04:00
|
|
|
}
|
2017-02-03 14:47:56 -05:00
|
|
|
}
|
2017-03-07 11:57:42 -05:00
|
|
|
|
2017-06-06 08:58:29 -04:00
|
|
|
.gl-responsive-table-row {
|
2017-06-06 18:38:39 -04:00
|
|
|
.branch-commit {
|
|
|
|
max-width: 100%;
|
|
|
|
}
|
2017-06-06 08:58:29 -04:00
|
|
|
}
|
|
|
|
|
|
|
|
.folder-row {
|
2017-11-02 19:59:51 -04:00
|
|
|
border-left: 0;
|
|
|
|
border-right: 0;
|
2017-06-06 08:58:29 -04:00
|
|
|
|
2018-04-09 11:26:28 -04:00
|
|
|
@media (min-width: map-get($grid-breakpoints, md)-1) {
|
2017-11-02 19:59:51 -04:00
|
|
|
border-top: 0;
|
2017-06-06 08:58:29 -04:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2017-03-07 11:57:42 -05:00
|
|
|
.x-axis path,
|
|
|
|
.y-axis path,
|
2018-04-13 16:03:53 -04:00
|
|
|
.label-x-axis-line,
|
|
|
|
.label-y-axis-line {
|
2017-03-07 11:57:42 -05:00
|
|
|
fill: none;
|
|
|
|
stroke-width: 1;
|
|
|
|
shape-rendering: crispEdges;
|
|
|
|
}
|
|
|
|
|
|
|
|
.x-axis path,
|
|
|
|
.y-axis path {
|
2020-10-13 23:08:32 -04:00
|
|
|
stroke: var(--gray-300, $gray-300);
|
2017-03-07 11:57:42 -05:00
|
|
|
}
|
|
|
|
|
2018-04-13 16:03:53 -04:00
|
|
|
.label-x-axis-line,
|
|
|
|
.label-y-axis-line {
|
2020-10-13 23:08:32 -04:00
|
|
|
stroke: var(--gray-100, $gray-100);
|
2017-03-07 11:57:42 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
.y-axis {
|
|
|
|
line {
|
2020-10-13 23:08:32 -04:00
|
|
|
stroke: var(--gray-300, $gray-300);
|
2017-03-07 11:57:42 -05:00
|
|
|
stroke-width: 1;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.metric-area {
|
2017-09-01 11:05:02 -04:00
|
|
|
opacity: 0.25;
|
2017-03-07 11:57:42 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
.rect-text-metric {
|
2020-10-13 23:08:32 -04:00
|
|
|
fill: var(--white, $white);
|
2017-03-07 11:57:42 -05:00
|
|
|
stroke-width: 1;
|
2020-10-13 23:08:32 -04:00
|
|
|
stroke: var(--gray-600, $gray-600);
|
2017-03-07 11:57:42 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
.rect-axis-text {
|
2020-10-13 23:08:32 -04:00
|
|
|
fill: var(--white, $white);
|
2017-03-07 11:57:42 -05:00
|
|
|
}
|
|
|
|
|
2017-04-12 07:37:47 -04:00
|
|
|
.text-metric {
|
2017-07-04 18:03:33 -04:00
|
|
|
font-size: 12px;
|
2017-03-07 11:57:42 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
.selected-metric-line {
|
2020-10-13 23:08:32 -04:00
|
|
|
stroke: var(--gray-900, $gray-900);
|
2017-03-07 11:57:42 -05:00
|
|
|
stroke-width: 1;
|
|
|
|
}
|
2017-04-12 10:31:14 -04:00
|
|
|
|
|
|
|
.deployment-line {
|
2020-10-13 23:08:32 -04:00
|
|
|
stroke: var(--white, $white);
|
2017-06-20 04:50:31 -04:00
|
|
|
stroke-width: 1;
|
2017-04-12 10:31:14 -04:00
|
|
|
}
|
2017-04-19 07:06:14 -04:00
|
|
|
|
2017-12-04 16:39:07 -05:00
|
|
|
.divider-line {
|
|
|
|
stroke-width: 1;
|
2020-10-13 23:08:32 -04:00
|
|
|
stroke: var(--gray-600, $gray-600);
|
2017-04-19 07:06:14 -04:00
|
|
|
}
|
|
|
|
|
2017-03-31 05:20:11 -04:00
|
|
|
.environments-actions {
|
|
|
|
.external-url,
|
|
|
|
.monitoring-url,
|
2019-04-08 11:22:01 -04:00
|
|
|
.terminal-button {
|
2017-03-31 05:20:11 -04:00
|
|
|
width: 38px;
|
|
|
|
}
|
|
|
|
}
|
2021-01-05 13:10:25 -05:00
|
|
|
|
|
|
|
/**
|
|
|
|
* 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;
|
|
|
|
}
|
|
|
|
}
|