2 lines
5.1 KiB
CSS
2 lines
5.1 KiB
CSS
.editable-list[data-v-0fc79a1c]{width:100%;font-family:inherit}.editable-list .row[data-v-0fc79a1c]{display:grid;grid-template-columns:1fr var(--button-size, 48px);align-items:center;gap:.5rem}.editable-list .add-item-section[data-v-0fc79a1c]{grid-template-columns:1fr calc(var(--button-size, 48px) + var(--button-margin, 0px) * 2)}.editable-list .main-cell[data-v-0fc79a1c]{overflow:visible}.editable-list .item-text[data-v-0fc79a1c]{text-overflow:ellipsis;overflow:hidden}.editable-list .list-item[data-v-0fc79a1c]{cursor:pointer;transition:background-color .2s ease}.editable-list .list-item[data-v-0fc79a1c]:last-child{border-bottom:none!important}.editable-list .list-item[data-v-0fc79a1c]:hover{background-color:var(--4f5fbf64)!important}.editable-list .empty-message[data-v-0fc79a1c]{padding:15px;text-align:center;font-style:italic}.editable-list .add-item-input[data-v-0fc79a1c]{font-family:inherit;font-size:inherit;width:100%}.editable-list .add-item-input[data-v-0fc79a1c]:focus{outline:none;box-shadow:var(--68d394d3)}.editable-list .button-cell[data-v-0fc79a1c]{display:grid;place-items:center}.editable-list .add-item-section .button-cell[data-v-0fc79a1c]{padding:0 var(--button-margin, 0px);box-sizing:border-box}.editable-list .add-button[data-v-0fc79a1c],.editable-list .remove-button[data-v-0fc79a1c]{border:none;padding:0;line-height:0;width:var(--button-size, 48px);height:var(--button-size, 48px);display:grid;place-items:center;cursor:pointer;transition:opacity .2s ease}.editable-list .add-button[data-v-0fc79a1c]:hover,.editable-list .remove-button[data-v-0fc79a1c]:hover{opacity:.85}.editable-list .add-button span[data-v-0fc79a1c],.editable-list .remove-button span[data-v-0fc79a1c]{display:grid;place-items:center;width:100%;height:100%}.editable-list .add-button svg[data-v-0fc79a1c],.editable-list .remove-button svg[data-v-0fc79a1c]{width:60%;height:60%;display:block}.dropdown-with-search[data-v-a7b5853c]{position:relative;width:100%}.dropdown-with-search .dropdown-trigger[data-v-a7b5853c]{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-a7b5853c]:hover{border-color:#aaa}.dropdown-with-search .dropdown-trigger.is-active[data-v-a7b5853c]{border-color:var(--540e8aa0)}.dropdown-with-search .dropdown-trigger .dropdown-value[data-v-a7b5853c]{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - (var(--1bdc6aa2)) - 8px)}.dropdown-with-search .dropdown-trigger .dropdown-icon[data-v-a7b5853c]{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-a7b5853c]{width:100%;height:100%}.dropdown-with-search.is-open .dropdown-icon[data-v-a7b5853c]{transform:translateY(-50%) rotate(180deg)}.dropdown-with-search .dropdown-menu[data-v-a7b5853c]{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-a7b5853c]{padding:8px;border-bottom-width:1px;border-bottom-style:solid}.dropdown-with-search .dropdown-search input[data-v-a7b5853c]{width:100%;border-width:1px;border-style:solid;padding:8px;font-size:inherit;background-color:var(--3f2f833a);color:var(--36e4a622);border-color:var(--72b060aa);border-radius:var(--9b15b1be);transition:border-color .2s,box-shadow .2s}.dropdown-with-search .dropdown-search input[data-v-a7b5853c]::placeholder{color:var(--51200ca0)}.dropdown-with-search .dropdown-search input[data-v-a7b5853c]:hover{border-color:var(--16999685)}.dropdown-with-search .dropdown-search input[data-v-a7b5853c]:focus{outline:none;border-color:var(--540e8aa0);box-shadow:var(--e2d4f57e)}.dropdown-with-search .dropdown-options[data-v-a7b5853c]{overflow-y:auto;max-height:240px}.dropdown-with-search .dropdown-option[data-v-a7b5853c]{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-a7b5853c]{margin-right:8px;width:16px;height:16px;display:flex;align-items:center;justify-content:center}.dropdown-with-search .dropdown-option .option-icon[data-v-a7b5853c] svg{width:100%;height:100%;fill:currentColor}.dropdown-with-search .dropdown-option .dropdown-option[data-v-a7b5853c]:hover:not(.is-selected){background-color:var(--404ed997);color:var(--3a35751e);font-weight:var(--403005f4)}.dropdown-with-search .dropdown-option span[data-v-a7b5853c]{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-with-search .dropdown-option.is-selected[data-v-a7b5853c]{background-color:var(--204cf98a);color:var(--4ed60caa)}.dropdown-with-search .dropdown-option[data-v-a7b5853c]:hover:not(.is-selected){background-color:var(--404ed997)}.dropdown-with-search .dropdown-no-results[data-v-a7b5853c]{padding:12px;text-align:center;font-style:italic;color:#999}.dropdown-with-search.is-disabled[data-v-a7b5853c]{opacity:.6;pointer-events:none}
|