mirror of
https://ghproxy.net/https://github.com/Brugman/wp-cli-gui.git
synced 2026-07-28 13:17:06 +08:00
53 lines
979 B
Text
53 lines
979 B
Text
/** 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;
|
|
}
|
|
}
|
