ceph/src/pybind/mgr/dashboard/frontend/src/app/shared/components/notifications-sidebar/notifications-sidebar.component.scss

   1 @import 'defaults';
   2
   3 :host {
   4   position: fixed;
   5   top: $navbar-height + 10px;
   6   bottom: 10px;
   7   right: -350px;
   8
   9   width: 350px;
  10   max-width: 90vw;
  11
  12   z-index: 9;
  13
  14   transition: all 0.6s;
  15 }
  16
  17 :host.active {
  18   right: 20px;
  19 }
  20
  21 .card {
  22   height: 100%;
  23 }
  24
  25 ngx-simplebar {
  26   height: calc(100% - 42.2px);
  27 }
  28
  29 .separator {
  30   padding: 5px 12px;
  31   color: $color-popover-seperator-text;
  32   background-color: $color-popover-seperator-bg;
  33   font-size: 12px;
  34 }
  35
  36 .btn-link .fa-trash-o {
  37   color: $color-black;
  38 }
  39
  40 table {
  41   width: 100%;
  42 }
  43
  44 .row {
  45   margin-left: 0;
  46   margin-right: 0;
  47 }