diff --git a/ui/media/css/main.css b/ui/media/css/main.css index 0ca28a59..0c34129f 100644 --- a/ui/media/css/main.css +++ b/ui/media/css/main.css @@ -770,7 +770,7 @@ input::file-selector-button { opacity: 1; } .model-filter { - width: calc(100% - 20px); + width: 90%; padding-right: 20px; white-space: nowrap; overflow: hidden; diff --git a/ui/media/js/searchable-models.js b/ui/media/js/searchable-models.js index 82c4c641..7be0873e 100644 --- a/ui/media/js/searchable-models.js +++ b/ui/media/js/searchable-models.js @@ -476,7 +476,8 @@ class ModelDropdown createDropdown() { // create dropdown entries - this.modelFilter.insertAdjacentElement('afterend', this.createRootModelList(this.inputModels)) + let rootModelList = this.createRootModelList(this.inputModels) + this.modelFilter.insertAdjacentElement('afterend', rootModelList) this.modelFilter.insertAdjacentElement( 'afterend', this.createElement( @@ -507,6 +508,9 @@ class ModelDropdown this.modelList.addEventListener('mousemove', this.bind(this.highlightModelAtPosition, this)) this.modelList.addEventListener('mousedown', this.bind(this.processClick, this)) + let modelFilterStyle = window.getComputedStyle(this.modelFilter) + rootModelList.style.minWidth = modelFilterStyle.width + this.selectEntry(this.activeModel) } diff --git a/ui/plugins/ui/merge.plugin.js b/ui/plugins/ui/merge.plugin.js index 87c62d8b..06556d97 100644 --- a/ui/plugins/ui/merge.plugin.js +++ b/ui/plugins/ui/merge.plugin.js @@ -239,7 +239,7 @@ merge.innerHTML = `
-
+