Fileshare: redundanten Breadcrumb entfernt, Baum/Tabelle gleich hoch (v1.1.2)
- Der Breadcrumb-Link-Zeile ueber der Dateitabelle ("LDAP Share / Test")
war seit der Baum-Navigation redundant -- der Baum zeigt die aktuelle
Position ja schon (aufgeklappt + hervorgehoben). Entfernt.
- .fileshare-layout auf align-items:stretch umgestellt (statt flex-start)
und .fileshare-main als Flex-Spalte mit table-wrap{flex:1}, damit die
Baum- und die Tabellen-Kachel immer exakt gleich hoch sind, unabhaengig
vom jeweiligen Inhalt. Das inline margin-bottom auf .table-wrap musste
dafuer weg (sonst blieb trotzdem eine 16px-Luecke zwischen den unteren
Kanten).
Live auf POETEST verifiziert: beide Kacheln exakt gleiche Hoehe (166.5px
in beiden Fällen), Breadcrumb-Div nicht mehr im DOM.
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
+1
-1
@@ -1 +1 @@
|
|||||||
1.1.1
|
1.1.2
|
||||||
|
|||||||
@@ -1296,14 +1296,18 @@ select {
|
|||||||
Fileshare (Baum-Navigation + Vorschau)
|
Fileshare (Baum-Navigation + Vorschau)
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
|
|
||||||
.fileshare-layout { display: flex; align-items: flex-start; gap: 16px; }
|
/* align-items:stretch (statt flex-start) + die main-Seite selbst als
|
||||||
.fileshare-main { flex: 1; min-width: 0; }
|
Flex-Spalte mit table-wrap{flex:1}, damit beide Kacheln (Baum links,
|
||||||
|
Tabelle rechts) immer gleich hoch sind, unabhängig davon welche Seite
|
||||||
|
gerade mehr Inhalt hat. */
|
||||||
|
.fileshare-layout { display: flex; align-items: stretch; gap: 16px; }
|
||||||
|
.fileshare-main { flex: 1; min-width: 0; display: flex; flex-direction: column; }
|
||||||
|
.fileshare-main .table-wrap { flex: 1; }
|
||||||
|
|
||||||
.fileshare-tree {
|
.fileshare-tree {
|
||||||
flex: 0 0 260px;
|
flex: 0 0 260px;
|
||||||
max-width: 260px;
|
max-width: 260px;
|
||||||
padding: 14px;
|
padding: 14px;
|
||||||
max-height: 70vh;
|
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
}
|
}
|
||||||
.fileshare-tree-title {
|
.fileshare-tree-title {
|
||||||
|
|||||||
@@ -46,15 +46,7 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="fileshare-main">
|
<div class="fileshare-main">
|
||||||
<div class="flex gap-2" style="align-items:center; margin-bottom:14px; flex-wrap:wrap;">
|
<div class="table-wrap">
|
||||||
<a href="{{ url_for('fileshare', share=selected_share) }}" class="mono" style="font-size:13px; font-weight:600;">{{ selected_share }}</a>
|
|
||||||
{% for b in breadcrumbs %}
|
|
||||||
<span class="text-faint">/</span>
|
|
||||||
<a href="{{ url_for('fileshare', share=selected_share, path=b.path) }}" class="mono" style="font-size:13px;">{{ b.name }}</a>
|
|
||||||
{% endfor %}
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="table-wrap" style="margin-bottom:16px;">
|
|
||||||
<div class="table-toolbar">
|
<div class="table-toolbar">
|
||||||
<div class="search-input">
|
<div class="search-input">
|
||||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"/><path d="M21 21l-4.35-4.35"/></svg>
|
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"/><path d="M21 21l-4.35-4.35"/></svg>
|
||||||
|
|||||||
Reference in New Issue
Block a user