2020-05-19 12:08:21 +00:00
|
|
|
.alert-management-list {
|
2020-05-15 18:07:52 +00:00
|
|
|
// consider adding these stateful variants to @gitlab-ui
|
|
|
|
// https://gitlab.com/gitlab-org/gitlab-ui/-/merge_requests/1178
|
|
|
|
.hover-bg-blue-50:hover {
|
|
|
|
background-color: $blue-50;
|
|
|
|
}
|
|
|
|
|
|
|
|
.hover-gl-cursor-pointer:hover {
|
|
|
|
cursor: pointer;
|
|
|
|
}
|
|
|
|
|
|
|
|
.hover-gl-border-b-solid:hover {
|
|
|
|
@include gl-border-b-solid;
|
|
|
|
}
|
|
|
|
|
|
|
|
.hover-gl-border-blue-200:hover {
|
|
|
|
border-color: $blue-200;
|
|
|
|
}
|
|
|
|
|
2020-04-30 12:09:45 +00:00
|
|
|
// these styles need to be deleted once GlTable component looks in GitLab same as in @gitlab/ui
|
2020-04-24 09:09:44 +00:00
|
|
|
table {
|
|
|
|
color: $gray-700;
|
|
|
|
|
|
|
|
tr {
|
2020-05-15 18:07:52 +00:00
|
|
|
&:focus {
|
|
|
|
outline: none;
|
|
|
|
}
|
|
|
|
|
2020-04-24 09:09:44 +00:00
|
|
|
td,
|
|
|
|
th {
|
2020-04-30 12:09:45 +00:00
|
|
|
@include gl-p-5;
|
2020-05-15 18:07:52 +00:00
|
|
|
border: 0; // Remove cell border styling so that we can set border styling per row
|
2020-04-24 09:09:44 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
th {
|
|
|
|
background-color: transparent;
|
|
|
|
font-weight: $gl-font-weight-bold;
|
|
|
|
color: $gl-gray-600;
|
|
|
|
}
|
|
|
|
|
2020-04-30 12:09:45 +00:00
|
|
|
&:last-child {
|
|
|
|
td {
|
|
|
|
@include gl-border-0;
|
|
|
|
}
|
2020-04-24 09:09:44 +00:00
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
2020-05-07 06:09:38 +00:00
|
|
|
|
|
|
|
@include media-breakpoint-down(sm) {
|
|
|
|
.alert-management-table {
|
|
|
|
.table-col {
|
|
|
|
min-height: 68px;
|
|
|
|
|
|
|
|
&:last-child {
|
2020-05-19 18:08:11 +00:00
|
|
|
background-color: $gray-10;
|
2020-05-07 06:09:38 +00:00
|
|
|
|
|
|
|
&::before {
|
|
|
|
content: none !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
div {
|
|
|
|
width: 100% !important;
|
|
|
|
padding: 0 !important;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
2020-05-07 15:09:29 +00:00
|
|
|
|
|
|
|
.gl-tab-nav-item {
|
|
|
|
color: $gl-gray-600;
|
|
|
|
|
|
|
|
> .gl-tab-counter-badge {
|
|
|
|
color: inherit;
|
|
|
|
@include gl-font-sm;
|
|
|
|
background-color: $white-normal;
|
|
|
|
}
|
|
|
|
}
|
2020-04-24 09:09:44 +00:00
|
|
|
}
|