2020-05-19 12:08:21 +00:00
|
|
|
.alert-management-list {
|
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-06-15 18:08:43 +00:00
|
|
|
> :not([aria-sort='none']).b-table-sort-icon-left:hover::before {
|
|
|
|
content: '' !important;
|
|
|
|
}
|
|
|
|
|
2020-04-24 09:09:44 +00:00
|
|
|
td,
|
|
|
|
th {
|
2020-05-25 15:07:58 +00:00
|
|
|
// TODO: There is no gl-pl-9 utlity for this padding, to be done and then removed.
|
|
|
|
padding-left: 1.25rem;
|
|
|
|
@include gl-py-5;
|
|
|
|
@include gl-outline-none;
|
2020-06-15 18:08:43 +00:00
|
|
|
@include gl-relative;
|
2020-04-24 09:09:44 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
th {
|
|
|
|
background-color: transparent;
|
|
|
|
font-weight: $gl-font-weight-bold;
|
|
|
|
color: $gl-gray-600;
|
2020-06-15 18:08:43 +00:00
|
|
|
|
|
|
|
&:hover::before {
|
|
|
|
left: 3%;
|
|
|
|
top: 34%;
|
|
|
|
@include gl-absolute;
|
|
|
|
content: url("data:image/svg+xml,%3Csvg \
|
|
|
|
xmlns='http://www.w3.org/2000/svg' \
|
|
|
|
width='14' height='14' viewBox='0 0 16 \
|
|
|
|
16'%3E%3Cpath fill='%23BABABA' fill-rule='evenodd' \
|
|
|
|
d='M11.707085,11.7071 L7.999975,15.4142 L4.292875,11.7071 \
|
|
|
|
C3.902375,11.3166 3.902375,10.6834 \
|
|
|
|
4.292875,10.2929 C4.683375,9.90237 \
|
|
|
|
5.316575,9.90237 5.707075,10.2929 \
|
|
|
|
L6.999975,11.5858 L6.999975,2 C6.999975,1.44771 \
|
|
|
|
7.447695,1 7.999975,1 C8.552255,1 8.999975,1.44771 \
|
|
|
|
8.999975,2 L8.999975,11.5858 L10.292865,10.2929 \
|
|
|
|
C10.683395,9.90237 11.316555,9.90237 11.707085,10.2929 \
|
|
|
|
C12.097605,10.6834 12.097605,11.3166 11.707085,11.7071 \
|
|
|
|
Z'/%3E%3C/svg%3E%0A");
|
|
|
|
}
|
2020-04-24 09:09:44 +00:00
|
|
|
}
|
2020-05-27 06:08:13 +00:00
|
|
|
}
|
2020-04-24 09:09:44 +00:00
|
|
|
|
2020-05-27 06:08:13 +00:00
|
|
|
@include media-breakpoint-up(md) {
|
|
|
|
tr {
|
|
|
|
&:last-child {
|
|
|
|
td {
|
|
|
|
@include gl-border-0;
|
|
|
|
}
|
2020-04-30 12:09:45 +00:00
|
|
|
}
|
2020-04-24 09:09:44 +00:00
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
2020-05-07 06:09:38 +00:00
|
|
|
|
|
|
|
@include media-breakpoint-down(sm) {
|
|
|
|
.alert-management-table {
|
2020-05-27 06:08:13 +00:00
|
|
|
tr {
|
|
|
|
border-top: 0;
|
2020-05-07 06:09:38 +00:00
|
|
|
|
2020-05-27 06:08:13 +00:00
|
|
|
.table-col {
|
|
|
|
min-height: 68px;
|
2020-05-07 06:09:38 +00:00
|
|
|
|
2020-05-27 06:08:13 +00:00
|
|
|
&:last-child {
|
|
|
|
background-color: $gray-10;
|
|
|
|
|
|
|
|
&::before {
|
|
|
|
content: none !important;
|
|
|
|
}
|
2020-05-07 06:09:38 +00:00
|
|
|
|
2020-06-24 15:08:50 +00:00
|
|
|
div:not(.dropdown-title) {
|
2020-05-27 06:08:13 +00:00
|
|
|
width: 100% !important;
|
|
|
|
padding: 0 !important;
|
|
|
|
}
|
2020-05-07 06:09:38 +00:00
|
|
|
}
|
|
|
|
}
|
2020-05-27 06:08:13 +00:00
|
|
|
|
|
|
|
&:hover {
|
|
|
|
background-color: $white;
|
|
|
|
border-color: $white;
|
|
|
|
border-bottom-style: none;
|
|
|
|
}
|
2020-05-07 06:09:38 +00:00
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
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
|
|
|
}
|