fix: keep the queue filter layout stable
Reserve the reset action permanently inside the filter group, disabling and dimming it when no filter is active so typing never changes the toolbar width.
This commit is contained in:
@@ -3940,7 +3940,6 @@ function syncQueueFilterResetAction() {
|
||||
const button = document.getElementById('queueFilterResetBtn');
|
||||
if (!button) return;
|
||||
const active = _hasActiveQueueFilters();
|
||||
button.hidden = !active;
|
||||
button.disabled = !active;
|
||||
}
|
||||
|
||||
|
||||
+1
-1
@@ -295,7 +295,7 @@
|
||||
<select class="hs-input" id="queueStatusFilter" aria-label="Nach Status filtern" style="width:auto;min-width:150px">
|
||||
<option value="">Alle Status</option><option value="error">Nur Fehler</option><option value="active">Aktiv</option><option value="waiting">Wartend</option><option value="done">Erfolgreich</option>
|
||||
</select>
|
||||
<button class="btn btn-xs btn-secondary queue-filter-reset" id="queueFilterResetBtn" hidden>Filter zurücksetzen</button>
|
||||
<button class="btn btn-xs btn-secondary queue-filter-reset" id="queueFilterResetBtn" disabled>Filter zurücksetzen</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
+3
-2
@@ -405,8 +405,9 @@ body {
|
||||
margin-left: 2px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.queue-filter-reset[hidden] {
|
||||
display: none;
|
||||
.queue-filter-reset:disabled {
|
||||
opacity: .45;
|
||||
cursor: default;
|
||||
}
|
||||
.queue-filter-bar {
|
||||
min-width: 0;
|
||||
|
||||
Reference in New Issue
Block a user