diff options
Diffstat (limited to 'app/assets/stylesheets/pages/alert_management')
3 files changed, 5 insertions, 90 deletions
diff --git a/app/assets/stylesheets/pages/alert_management/details.scss b/app/assets/stylesheets/pages/alert_management/details.scss index 73a4af00c5a..0f889935583 100644 --- a/app/assets/stylesheets/pages/alert_management/details.scss +++ b/app/assets/stylesheets/pages/alert_management/details.scss @@ -16,12 +16,12 @@ &:not(:first-child) { &::before { - color: $gray-700; + color: $gray-500; font-weight: normal !important; } div { - color: $gray-700; + color: $gray-500; } } @@ -35,7 +35,7 @@ } @include media-breakpoint-down(xs) { - .alert-details-issue-button { + .alert-details-incident-button { width: 100%; } } diff --git a/app/assets/stylesheets/pages/alert_management/list.scss b/app/assets/stylesheets/pages/alert_management/list.scss deleted file mode 100644 index e420209b1fc..00000000000 --- a/app/assets/stylesheets/pages/alert_management/list.scss +++ /dev/null @@ -1,85 +0,0 @@ -.alert-management-list { - .new-alert { - background-color: $issues-today-bg; - } - - // these styles need to be deleted once GlTable component looks in GitLab same as in @gitlab/ui - table { - color: $gray-700; - - tr { - &:focus { - outline: none; - } - - td, - th { - @include gl-pl-9; - @include gl-py-5; - @include gl-outline-none; - @include gl-relative; - } - - th { - background-color: transparent; - font-weight: $gl-font-weight-bold; - color: $gl-gray-600; - - &[aria-sort='none']:hover { - background-image: url('data:image/svg+xml, %3csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="4 0 8 16"%3e %3cpath style="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'); - } - } - } - - @include media-breakpoint-up(md) { - tr { - &:last-child { - td { - @include gl-border-0; - } - } - } - } - } - - @include media-breakpoint-down(sm) { - .alert-management-table { - tr { - border-top: 0; - - .table-col { - min-height: 68px; - - &:last-child { - background-color: $gray-10; - - &::before { - content: none !important; - } - - div:not(.dropdown-title) { - width: 100% !important; - padding: 0 !important; - } - } - } - - &:hover { - background-color: $white; - border-color: $white; - border-bottom-style: none; - } - } - } - } - - .gl-tab-nav-item { - color: $gl-gray-600; - - > .gl-tab-counter-badge { - color: inherit; - @include gl-font-sm; - background-color: $white-normal; - } - } -} diff --git a/app/assets/stylesheets/pages/alert_management/severity-icons.scss b/app/assets/stylesheets/pages/alert_management/severity-icons.scss index b400e80d5c5..6004697b3e1 100644 --- a/app/assets/stylesheets/pages/alert_management/severity-icons.scss +++ b/app/assets/stylesheets/pages/alert_management/severity-icons.scss @@ -1,4 +1,4 @@ -.alert-management-list, +.incident-management-list, .alert-management-details { .icon-critical { color: $red-800; @@ -21,6 +21,6 @@ } .icon-unknown { - color: $gray-400; + color: $gray-200; } } |