@import "../../Mixins";

.dialogselect {
  position: relative;

  .button {
    @include no-user-select;
    cursor: pointer;
  }

  .dialog {
    position: fixed;
    min-height: 20px;
    min-width: 100px;
    height: auto !important;

    .dialog-content {
      padding: 0;

      &.overflow {
        max-height: 100vh;
      }
    }
  }
  .dialog-title-bar {
    display: none;
  }

  .dialogselect-option {
    padding: 5px 10px;
    cursor: default;
    @include no-user-select;

    &:hover, &.selected {
      background-color: rgba(128,128,128,0.2);
    }
  }

  .dialogselect-label {
    padding: 5px;    
    border: 1px solid black;
  }

  .auto-width {
    .dialog {
      width: auto !important;
    }
  }

  .dialog-overlay {
    background: transparent;
  }
}