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

   1 @use './src/styles/vendor/variables' as vv;
   2
   3 :host {
   4   bottom: 10px;
   5   max-width: 90vw;
   6   position: fixed;
   7   right: -350px;
   8   top: vv.$navbar-height + 10px;
   9
  10   transition: all 0.6s;
  11
  12   width: 350px;
  13
  14   z-index: 9;
  15 }
  16
  17 :host.active {
  18   right: 20px;
  19 }
  20
  21 .card {
  22   height: 100%;
  23 }
  24
  25 .card-body {
  26   padding-left: 0;
  27   padding-right: 5px;
  28   padding-top: 3px;
  29 }
  30
  31 ngx-simplebar {
  32   height: calc(100% - 42.2px);
  33 }
  34
  35 .separator {
  36   background-color: vv.$gray-200;
  37   color: vv.$gray-600;
  38   font-size: 1rem;
  39   padding: 5px 12px;
  40 }
  41
  42 .btn-block {
  43   width: 98%;
  44 }
  45
  46 .btn-link .fa-trash-o {
  47   color: vv.$black;
  48 }
  49
  50 table {
  51   width: 100%;
  52 }
  53
  54 .row {
  55   margin-left: 0;
  56   margin-right: 0;
  57   padding-bottom: 1rem;
  58   padding-top: 1rem;
  59 }
  60
  61 hr {
  62   margin-bottom: 2px;
  63   margin-top: 2px;
  64 }
  65
  66 .card-text {
  67   margin-right: 15px;
  68 }