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

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

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