@use '@angular/material' as mat;
@mixin attach-room-dialog-mat($theme) {
  $color-config: mat-get-color-config($theme);
  $primary-color: mat.get-color-from-palette(map-get($color-config, primary));

  app-attach-room-dialog{
    .room-row:hover, .selected{
      background-color: rgba($primary-color, 0.2);
    }
    /* TODO(mdc-migration): The following rule targets internal classes of chips that may no longer apply for the MDC version. */
    mat-chip{
      margin: 4px 0 4px auto !important;
    }

    .mat-mdc-chip-ripple, .mat-chip{
      white-space: nowrap !important;
      word-break: keep-all !important;
    }

    .mat-mdc-dialog-actions{
      min-height: auto !important;
      margin-bottom:0 !important;
      padding: 12px;
    }
  }
}