2 lines
2.6 KiB
CSS
2 lines
2.6 KiB
CSS
.dropdown-with-search[data-v-9297e891]{position:relative;width:100%}.dropdown-with-search .dropdown-trigger[data-v-9297e891]{position:relative;display:flex;align-items:center;width:100%;cursor:pointer;transition:border-color .2s;border-width:1px;border-style:solid;background:#fff}.dropdown-with-search .dropdown-trigger[data-v-9297e891]:hover{border-color:#aaa}.dropdown-with-search .dropdown-trigger.is-active[data-v-9297e891]{border-color:var(--b21ee978)}.dropdown-with-search .dropdown-trigger .dropdown-value[data-v-9297e891]{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:calc((var(--e9f2cb7a)) + 12px)}.dropdown-with-search .dropdown-trigger .dropdown-icon[data-v-9297e891]{position:absolute;top:50%;right:8px;transform:translateY(-50%);transition:transform .2s;pointer-events:none}.dropdown-with-search .dropdown-trigger .dropdown-icon svg[data-v-9297e891]{width:100%;height:100%}.dropdown-with-search.is-open .dropdown-icon[data-v-9297e891]{transform:translateY(-50%) rotate(180deg)}.dropdown-with-search .dropdown-menu[data-v-9297e891]{position:absolute;top:calc(100% + 4px);left:0;width:100%;max-height:300px;z-index:1000;display:flex;flex-direction:column;border-width:1px;border-style:solid;background:#fff;overflow:hidden}.dropdown-with-search .dropdown-search[data-v-9297e891]{padding:8px;border-bottom-width:1px;border-bottom-style:solid}.dropdown-with-search .dropdown-search input[data-v-9297e891]{width:100%;border-width:1px;border-style:solid;padding:8px;font-size:inherit}.dropdown-with-search .dropdown-search input[data-v-9297e891]:focus{outline:none}.dropdown-with-search .dropdown-options[data-v-9297e891]{overflow-y:auto;max-height:240px}.dropdown-with-search .dropdown-option[data-v-9297e891]{display:flex;align-items:center;gap:8px;padding:8px 12px;cursor:pointer;transition:background-color .15s}.dropdown-with-search .dropdown-option .option-icon[data-v-9297e891]{margin-right:8px;width:16px;height:16px;display:flex;align-items:center;justify-content:center}.dropdown-with-search .dropdown-option .option-icon[data-v-9297e891] svg{width:100%;height:100%;fill:currentColor}.dropdown-with-search .dropdown-option span[data-v-9297e891]{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-with-search .dropdown-option.is-selected[data-v-9297e891]{background-color:var(--0dd0ef27);color:var(--56611a97)}.dropdown-with-search .dropdown-option[data-v-9297e891]:hover:not(.is-selected){background-color:var(--1146aa2b)}.dropdown-with-search .dropdown-no-results[data-v-9297e891]{padding:12px;text-align:center;font-style:italic;color:#999}.dropdown-with-search.is-disabled[data-v-9297e891]{opacity:.6;pointer-events:none}
|