diff options
author | GitLab Bot <gitlab-bot@gitlab.com> | 2020-08-20 21:42:06 +0300 |
---|---|---|
committer | GitLab Bot <gitlab-bot@gitlab.com> | 2020-08-20 21:42:06 +0300 |
commit | 6e4e1050d9dba2b7b2523fdd1768823ab85feef4 (patch) | |
tree | 78be5963ec075d80116a932011d695dd33910b4e /app/assets/stylesheets/pages/incident_management_list.scss | |
parent | 1ce776de4ae122aba3f349c02c17cebeaa8ecf07 (diff) |
Add latest changes from gitlab-org/gitlab@13-3-stable-ee
Diffstat (limited to 'app/assets/stylesheets/pages/incident_management_list.scss')
-rw-r--r-- | app/assets/stylesheets/pages/incident_management_list.scss | 135 |
1 files changed, 135 insertions, 0 deletions
diff --git a/app/assets/stylesheets/pages/incident_management_list.scss b/app/assets/stylesheets/pages/incident_management_list.scss new file mode 100644 index 00000000000..00ca3cc73e0 --- /dev/null +++ b/app/assets/stylesheets/pages/incident_management_list.scss @@ -0,0 +1,135 @@ +.incident-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 { + @include gl-text-gray-500; + + tr { + &:focus { + outline: none; + } + + td, + th { + @include gl-py-5; + @include gl-outline-none; + @include gl-relative; + } + + th { + @include gl-bg-transparent; + @include gl-font-weight-bold; + @include gl-text-gray-400; + + &[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; + } + } + } + + .sortable-cell { + padding-left: calc(0.75rem + 0.65em); + } + } + } + + @include media-breakpoint-down(sm) { + table { + tr { + @include gl-border-t-0; + + .table-col { + min-height: 68px; + } + + &:hover { + @include gl-bg-white; + @include gl-border-none; + } + + th, + td { + @include gl-pt-6; + } + } + + &.alert-management-table { + .table-col { + &:last-child { + @include gl-bg-gray-10; + + &::before { + content: none !important; + } + + div:not(.dropdown-title) { + width: 100% !important; + padding: 0 !important; + } + } + } + } + + .b-table-empty-row { + td { + @include gl-border-b-0; + + div { + text-align: unset !important; + } + } + } + + .b-table-busy-slot { + td { + @include gl-border-b-0; + + div { + text-align: center !important; + } + } + } + } + } + + .gl-tabs-nav { + border-bottom-width: 0; + + .gl-tab-nav-item { + color: $gl-gray-600; + + > .gl-tab-counter-badge { + color: inherit; + @include gl-font-sm; + background-color: $gray-50; + } + } + } + + @include media-breakpoint-down(xs) { + .incident-management-list-header { + flex-direction: column-reverse; + } + + .create-incident-button { + @include gl-w-full; + } + } + + // TODO: Abstract to `@gitlab/ui` utility set: https://gitlab.com/gitlab-org/gitlab-ui/-/issues/921 + .gl-fill-green-500 { + fill: $green-500; + } +} |