Server : Apache System : Linux server2.corals.io 4.18.0-348.2.1.el8_5.x86_64 #1 SMP Mon Nov 15 09:17:08 EST 2021 x86_64 User : corals ( 1002) PHP Version : 7.4.33 Disable Function : exec,passthru,shell_exec,system Directory :  /home/corals/ts.corals.io/frontend/node_modules/vue-select/src/scss/global/

Upload File : current_dir [ Writeable ] document_root [ Writeable ]

/** Component States */

/*
 * Disabled
 *
 * When the component is disabled, all interaction
 * should be prevented. Here we modify the bg color,
 * and change the cursor displayed on the interactive
 * components.
 */

$disabled-bg: $vs-state-disabled-bg;
$disabled-color: $vs-state-disabled-color;
$disabled-cursor: $vs-state-disabled-cursor;

.vs--disabled {
  .vs__dropdown-toggle,
  .vs__clear,
  .vs__search,
  .vs__selected,
  .vs__open-indicator {
    cursor: $disabled-cursor;
    background-color: $disabled-bg;
  }
}

/*
 *  RTL - Right to Left Support
 *
 *  Because we're using a flexbox layout, the `dir="rtl"`
 *  HTML attribute does most of the work for us by
 *  rearranging the child elements visually.
 */

.v-select[dir="rtl"] {
  .vs__actions {
    padding: 0 3px 0 6px;
  }

  .vs__clear {
    margin-left: 6px;
    margin-right: 0;
  }

  .vs__deselect {
    margin-left: 0;
    margin-right: 2px;
  }

  .vs__dropdown-menu {
    text-align: right;
  }
}