aswi2021codebakers-gitlab/src/assets/scss/_dashboard.scss @ 3dcfc4ab

.dashboard-unit-wrapper {
  width: 100%;
}

.dashboard-unit {
  align-items: center;
}

.dashboard-unit-heading {
  text-align: right;

  @include media-breakpoint-down(xs) {
    text-align: center;
  }
}

.dashboard {
  padding: $grid-gutter-width 0;

  h3 {
    margin: 0;
    font-weight: $font-weight-bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

    @include media-breakpoint-down(sm) {
      max-width: 260px;
      font-size: 16px;
    }

    @include media-breakpoint-down(xs) {
      margin-bottom: 10px;
    }
  }

  h4 {
    margin: 0;

    @include media-breakpoint-down(xs) {
      margin-bottom: 10px;
    }
  }

  .p-accordion {
    .p-accordion-header {
      .p-accordion-header-link {
        padding-top: $grid-gutter-width / 2;
        padding-bottom: $grid-gutter-width / 2;
        color: #0B1226;
        background: #F2F2F2;
      }

      &:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
        color: #0B1226;
        background: #BCBCBC;
      }

      &:not(.p-disabled).p-highlight  {
        .p-accordion-header-link {
          color: #0B1226;
          background: #BCBCBC;
        }
      }

      .p-splitbutton-defaultbutton{
        margin-left: $grid-gutter-width  / 2;
      }
    }

    .p-accordion-content {
      padding: 0;
      color: #0B1226;
      background: #F2F2F2;

      .ng-star-inserted {
        &:nth-child(2n) .row {
          background: #D3D3D3;
        }

        .row {
          margin: 0;
          padding: 5px 0;

          @include hover-focus() {
            cursor: pointer;
            color: #0B1226;
            background: #619CE2;
          }
        }
      }

      .p-button {
        margin: 0 5px;
        padding: 5px 7px;
      }
    }
  }
}

.dashboard-sensor-heading-wrapper {
  display: flex;
  align-items: center;
  height: 100%
}

.dashboard-sensor-heading {
  text-align: right;

  @include media-breakpoint-down(xs) {
    text-align: center;
  }
}

.dashboard-button-separator {
  display: inline-flex;
  align-items: center;
  vertical-align: bottom;
  margin: 0 $grid-gutter-width / 2;
  width: 2px;
  height: 100%;
  background: $secondary;
}

.p-dialog {
  background: $primary
}