rene/banyaro
1
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix: Suche+Stand-erfassen Zeile als Flexbox (kein Table-Overflow mehr)

Browse source
This commit is contained in:
rene 2026-05-19 18:46:32 +02:00
parent 4407b9b27f
commit 81b5199e18
1 changed files with 16 additions and 25 deletions
Download patch file Download diff file Expand all files Collapse all files

21
backend/static/js/pages/uebungen.js
View file

@ -563,31 +563,22 @@ window.Page_uebungen = (() => {
_container.innerHTML = ` _container.innerHTML = `
<div id="ueb-wrap"> <div id="ueb-wrap">
<div style="padding:var(--space-3) var(--space-4) 0">${UI.dogChip(_appState)}</div> <div style="padding:var(--space-3) var(--space-4) 0">${UI.dogChip(_appState)}</div>
<div style="padding:var(--space-3) var(--space-4) var(--space-2)"> <div style="padding:var(--space-3) var(--space-4) var(--space-2);display:flex;gap:var(--space-2);align-items:center">
<table style="width:100%;border-collapse:collapse">
<tr>
<td style="width:100%;padding-right:var(--space-2)">
<input type="search" id="ueb-search" placeholder="Übung suchen…" <input type="search" id="ueb-search" placeholder="Übung suchen…"
style="display:block;width:100%;box-sizing:border-box; style="flex:1;min-width:0;padding:var(--space-2) var(--space-3);
padding:var(--space-2) var(--space-3);
border:1px solid var(--c-border);border-radius:var(--radius-md); border:1px solid var(--c-border);border-radius:var(--radius-md);
background:var(--c-surface);color:var(--c-text);font-size:var(--text-sm); background:var(--c-surface);color:var(--c-text);font-size:var(--text-sm);
outline:none" value="${_esc(_searchQuery)}"> outline:none">
</td>
<td style="white-space:nowrap;vertical-align:middle">
<button id="ueb-quicksetup-btn" <button id="ueb-quicksetup-btn"
style="padding:6px 12px;height:100%;white-space:nowrap; style="flex-shrink:0;padding:6px 10px;white-space:nowrap;
background:var(--c-surface-2);border:1px solid var(--c-border); background:var(--c-surface-2);border:1px solid var(--c-border);
border-radius:var(--radius-sm);cursor:pointer; border-radius:var(--radius-md);cursor:pointer;
display:flex;align-items:center;gap:6px"> display:flex;align-items:center;gap:5px">
<svg class="ph-icon" style="width:15px;height:15px;flex-shrink:0;color:var(--c-primary)" aria-hidden="true"> <svg class="ph-icon" style="width:15px;height:15px;flex-shrink:0;color:var(--c-primary)" aria-hidden="true">
<use href="/icons/phosphor.svg#list-checks"></use> <use href="/icons/phosphor.svg#list-checks"></use>
</svg> </svg>
<span style="font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--c-text)">Stand erfassen</span> <span style="font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--c-text)">Stand erfassen</span>
</button> </button>
</td>
</tr>
</table>
</div> </div>
${_renderTabs()} ${_renderTabs()}
<div id="ueb-stats-banner" style="padding:var(--space-2) var(--space-4) 0"></div> <div id="ueb-stats-banner" style="padding:var(--space-2) var(--space-4) 0"></div>