diff --git a/api/js/etemplate/Et2Vfs/Et2VfsPath.styles.ts b/api/js/etemplate/Et2Vfs/Et2VfsPath.styles.ts index e996535470..8f27d3171e 100644 --- a/api/js/etemplate/Et2Vfs/Et2VfsPath.styles.ts +++ b/api/js/etemplate/Et2Vfs/Et2VfsPath.styles.ts @@ -68,6 +68,11 @@ export default css` min-width: 10em; } + .vfs-path__overflow .vfs-path__scroll { + min-width: 8em; + margin-right: 2em; + } + .form-control-input sl-icon-button[name*="caret"] { display: none; position: absolute; diff --git a/api/js/etemplate/Et2Vfs/Et2VfsPath.ts b/api/js/etemplate/Et2Vfs/Et2VfsPath.ts index 50cefb824f..4dbf689e1f 100644 --- a/api/js/etemplate/Et2Vfs/Et2VfsPath.ts +++ b/api/js/etemplate/Et2Vfs/Et2VfsPath.ts @@ -154,17 +154,14 @@ export class Et2VfsPath extends Et2InputWidget(LitElement) { return; } + wrapper.parentElement.classList.remove("vfs-path__overflow"); path.updateComplete.then(() => { if(wrapper.clientWidth < scroll.scrollWidth) { // Too small - wrapper.scrollLeft = scroll.scrollWidth - wrapper.clientWidth; wrapper.parentElement.classList.add("vfs-path__overflow"); - } - else - { - wrapper.parentElement.classList.remove("vfs-path__overflow"); + wrapper.scrollLeft = scroll.scrollWidth - wrapper.clientWidth; } }); } diff --git a/filemanager/templates/default/app.css b/filemanager/templates/default/app.css index 304e7a2e99..a1235029e0 100644 --- a/filemanager/templates/default/app.css +++ b/filemanager/templates/default/app.css @@ -37,7 +37,7 @@ input#filemanager-index_path { /* Let path have more space */ #filemanager-index_filemanager-index-header_row { flex: 20 1 auto; - min-width: 20em; + min-width: 24em; } #filemanager-index_nm_path {