WIP Et2VfsSelect - styles

- fixed width on the icon
- fixed height on dialog
This commit is contained in:
nathan 2024-01-18 11:09:58 -07:00
parent 03d810204e
commit bc42283369
3 changed files with 9 additions and 8 deletions

View File

@ -5,10 +5,12 @@ export default css`
flex: 0 0;
}
et2-dialog::part(panel) {
height: 40em;
}
et2-dialog::part(body) {
display: flex;
flex-direction: column;
max-height: 40em;
}
.vfs_select__listbox {
@ -18,7 +20,7 @@ export default css`
}
.vfs_select__listbox .vfs_select__empty {
height: 100%;
height: 50%;
min-height: 5em;
min-width: 20em;
display: flex;
@ -43,4 +45,8 @@ export default css`
.vfs_select__listbox .vfs_select__empty et2-image {
margin-top: auto;
}
.vfs_select__mimefilter {
flex: 0 0;
}
`;

View File

@ -213,12 +213,6 @@ export class Et2VfsSelect extends Et2InputWidget(LitElement) implements SearchMi
return result;
}
protected firstUpdated(changedProperties : PropertyValues)
{
super.firstUpdated(changedProperties);
debugger;
}
protected willUpdate(changedProperties : PropertyValues)
{
super.willUpdate(changedProperties);

View File

@ -65,6 +65,7 @@ export default css`
.file et2-vfs-mime {
/* line-height-normal has no unit */
height: calc(var(--sl-line-height-normal) * 1em);
width: var(--sl-input-height-medium);
padding-inline-end: var(--sl-spacing-medium);
}