incident_management_list.scss 2.42 KB
Newer Older
1
.incident-management-list {
2 3 4 5
  .new-alert {
    background-color: $issues-today-bg;
  }

6
  // these styles need to be deleted once GlTable component looks in GitLab same as in @gitlab/ui
7
  table {
8
    @include gl-text-gray-700;
9 10

    tr {
11 12 13 14
      &:focus {
        outline: none;
      }

15 16
      td,
      th {
lauraMon's avatar
lauraMon committed
17
        @include gl-py-5;
18
        @include gl-outline-none;
19
        @include gl-relative;
20 21
      }

22 23 24 25
      .sortable-cell {
        padding-left: calc(0.75rem + 0.65em);
      }

26
      th {
27 28 29
        @include gl-bg-transparent;
        @include gl-font-weight-bold;
        @include gl-text-gray-600;
30

31 32
        &[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');
33
        }
34
      }
David O'Regan's avatar
David O'Regan committed
35
    }
36

David O'Regan's avatar
David O'Regan committed
37 38 39 40 41 42
    @include media-breakpoint-up(md) {
      tr {
        &:last-child {
          td {
            @include gl-border-0;
          }
43
        }
44 45 46
      }
    }
  }
47 48

  @include media-breakpoint-down(sm) {
49
    table {
David O'Regan's avatar
David O'Regan committed
50
      tr {
51
        @include gl-border-t-0;
52

David O'Regan's avatar
David O'Regan committed
53 54
        .table-col {
          min-height: 68px;
55 56 57 58 59 60 61
        }

        &:hover {
          @include gl-bg-white;
          @include gl-border-none;
        }
      }
62

63 64
      &.alert-management-table {
        .table-col {
David O'Regan's avatar
David O'Regan committed
65
          &:last-child {
66
            @include gl-bg-gray-10;
David O'Regan's avatar
David O'Regan committed
67 68 69 70

            &::before {
              content: none !important;
            }
71

72
            div:not(.dropdown-title) {
David O'Regan's avatar
David O'Regan committed
73 74 75
              width: 100% !important;
              padding: 0 !important;
            }
76 77 78 79 80
          }
        }
      }
    }
  }
81 82 83 84 85 86 87 88 89 90

  .gl-tab-nav-item {
    color: $gl-gray-600;

    > .gl-tab-counter-badge {
      color: inherit;
      @include gl-font-sm;
      background-color: $white-normal;
    }
  }
91 92

  @include media-breakpoint-down(xs) {
David O'Regan's avatar
David O'Regan committed
93 94 95 96
    .incident-management-list-header {
      flex-direction: column-reverse;
    };

97 98 99 100
    .create-incident-button {
      @include gl-w-full;
    }
  }
101
}