File "datatables.scss"

Full path: /home/satkhirabarta/public_html/wp-content/plugins/burst-statistics/assets/css/admin/modules/datatables.scss
File size: 3.12 B (3.12 KB bytes)
MIME-type: text/plain
Charset: utf-8

Download   Open   Edit   Advanced Editor &nnbsp; Back

.burst {
  .burst-status-allowed {
    background-color: red;
  }

  .burst-status-revoked {
    background-color: green;
  }

  .rdt_TableHeadRow, .rdt_TableRow {
    @include burst-inline-block-padding;
  }

  .rdt_TableCol, .rdt_TableCell {
    padding-left: 0;
    padding-right: 0;
  }

  .burst-csp-revoked > div:nth-child(-n+3) {
    opacity: 0.3;
  }

  .rdt_Pagination {
    select + svg {
      display: none;
    }
  }

  .burst-empty-data-table {
    text-align: center;
    padding: var(--rsp-spacing-xl);
  }

  .burst-grid-item.datatable {
    .burst-loading-container {
      align-content: space-between;
      height: 100%;

      & > div {
        width: 100%;
      }
    }
  }

  .burst-clickable-row-item {
    cursor: pointer;
    display: flex;
    gap: var(--rsp-spacing-xxs);
    padding: var(--rsp-spacing-xxs) var(--rsp-spacing-xs);

    .burst-icon {
      pointer-events: none
    }
  }

  .burst-not-clickable-row-item {
    cursor: default;
    padding: var(--rsp-spacing-xxs) var(--rsp-spacing-xs);
  }

  .burst-datatable-message {
    padding: var(--rsp-spacing-xl);
    text-align: center;
  }

  .burst-datatable__select-trigger {
    all: unset;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    padding: 8px 0;

    &__icon {
      margin-left: 8px;
    }
  }

  .burst-datatable__select-content {
    background: var(--rsp-grey-100);
    z-index: 99;
    border: 1px solid var(--rsp-grey-400);
    border-radius: var(--rsp-border-radius-xs);
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    gap: var(--rsp-spacing-s);
    left: 0;
    right: 0;

    box-shadow: hsl(206 22% 7% / 35%) 0px 10px 38px -10px, hsl(206 22% 7% / 20%) 0px 10px 20px -15px;
    animation-duration: 600ms;
    animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
    will-change: transform, opacity;

    &[data-state='open']{
      animation-name: slideDownAndFade;
    }

    @keyframes slideDownAndFade {
      from {
        opacity: 0;
        transform: translateY(-2px);
      }
      to {
        opacity: 1;
        transform: translateY(0);
      }
    }

    &__item {
      min-width: min(100vw, 150px);
      cursor: pointer;
      color: var(--rsp-text-color);
      font-size: var(--rsp-fs-400);
      //font-size: 13px;
      //line-height: 1;
      //color: var(--violet-11);
      padding: var(--rsp-spacing-xs) var(--rsp-spacing-s);
      border-radius: 3px;
      display: flex;
      align-items: center;
      //height: 25px;
      //padding: 0 35px 0 25px;
      //position: relative;
      //user-select: none
      .burst-icon {
        margin-right: 8px;
      }
      .burst-pill {
        margin-left: 8px;
        font-size: var(--rsp-fs-200);
      }
    }
    &__item[data-disabled] {
      color: var(--rsp-text-grey-200);
      background-color: var(--rsp-grey-100);
      cursor: not-allowed;
    }
    &__item[data-highlighted] {
      color: var(--rsp-text-color);
      outline: none;
      background-color: var(--rsp-green-faded);
    }
    &__item[data-state='selected'] {
      color: var(--rsp-text-color-light);
      outline: none;
    }
  }

}