Rework header bar

2026-03-06 09:02:11 +01:00
parent 336f5729f3
commit de371c413c
6 changed files with 303 additions and 169 deletions
--- a/css/structure.less
+++ b/css/structure.less
@@ -20,25 +20,26 @@ body {
 #dokuwiki__header {
    width: 100%;

+    .header__bar {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        gap: .75em;
+    }
+
    .headings {
-        float: left;
+        flex: 1 1 auto;
+        min-width: 0;
    }

    .tools {
-        float: right;
-        text-align: right;
+        flex: 0 0 auto;
    }
 }

 [dir=rtl] #dokuwiki__header {
-    .headings {
-        float: right;
-        text-align: right;
-    }
-
-    .tools {
-        float: left;
-        text-align: left;
+    .header__bar {
+        flex-direction: row-reverse;
    }
 }