Et2VfsPath: Proper sizing down to about 20em

This commit is contained in:
nathan 2024-04-10 09:47:28 -06:00
parent d0d3326974
commit 089dd5f7b1
2 changed files with 9 additions and 2 deletions

View File

@ -3,6 +3,8 @@ import {css} from 'lit';
export default css`
.form-control-input {
min-width: 15em;
flex: 1;
display: flex;
flex-direction: row;
@ -28,7 +30,7 @@ export default css`
.vfs-path__value-input {
flex: 1 1 auto;
min-width: 20em;
min-width: 12em;
border: none;
outline: none;
color: var(--input-text-color);
@ -64,7 +66,7 @@ export default css`
sl-breadcrumb {
flex: 1 1 auto;
overflow: hidden;
min-width: 20em;
min-width: 10em;
}
et2-image {

View File

@ -226,6 +226,11 @@ export class Et2VfsPath extends Et2InputWidget(LitElement)
}
}
protected handleScroll(event : WheelEvent)
{
this.shadowRoot.querySelector("sl-breadcrumb").scrollLeft += event.deltaY;
}
protected _getIcon(pathParts)
{
let image = this.egw().image("filemanager", "api");