egroupware_official/api/js/etemplate/Et2Vfs/Et2VfsSelect.styles.ts
nathan 2e553911b0 Further work on Et2VfsSelect
- Button opens dialog & handles action
- Button shows feedback while processing
- Fix dialog flex spacing
- Fix dialog re-use was not clean
2024-02-02 15:20:33 -07:00

56 lines
918 B
TypeScript

import {css} from 'lit';
export default css`
:host {
flex: 0 0;
}
et2-dialog::part(panel) {
height: 40em;
}
et2-dialog::part(body) {
display: flex;
flex-direction: column;
}
.vfs_select__listbox {
flex: 2 1 auto;
min-height: 15em;
overflow-y: auto;
}
.vfs_select__listbox .vfs_select__empty {
height: 50%;
min-height: 5em;
min-width: 20em;
display: flex;
flex-direction: column;
align-items: center;
filter: contrast(0.1);
user-select: none;
}
.vfs_select__file_row {
display: table-row;
}
.vfs_select__listbox .vfs_select__loading {
text-align: center;
line-height: 15em; // 3 * listbox min height
}
.vfs_select__listbox sl-spinner {
font-size: 4rem;
}
.vfs_select__listbox .vfs_select__empty et2-image {
margin-top: auto;
}
.vfs_select__mimefilter {
flex: 0 0;
}
:host::part(form-control-help-text) {
flex-basis: min-content !important;
}
`;