pagetools footer

css/mobile.less

@@ -106,12 +106,9 @@
     overflow: auto;
 }
 
-/* push pagetools closer to content */
-#dokuwiki__pagetools {
-    top: 0;
-}
-.showSidebar #dokuwiki__pagetools {
-    top: 3.5em;
+/* pagetools status bar adjustments for tablet */
+#dokuwiki__pagetools.pagetools-statusbar {
+    /* status bar remains sticky at tablet width */
 }
 
 
@@ -220,12 +217,30 @@ body {
 #dokuwiki__usertools,
 #dokuwiki__sitetools ul,
 #dokuwiki__sitetools h3,
-#dokuwiki__pagetools,
 .dokuwiki div.breadcrumbs, /* @todo: maybe move breadcrumbs to the bottom? */
 .dokuwiki .pageId {
     display: none;
 }
 
+/* pagetools status bar on mobile - compact display */
+#dokuwiki__pagetools.pagetools-statusbar {
+    ul {
+        justify-content: center;
+        gap: 0.15em;
+
+        li a {
+            padding: 0.25em 0.35em;
+            font-size: 0.85em;
+
+            .accesskey {
+                font-size: 0.8em;
+                padding: 0.05em 0.3em;
+                margin-right: 0.25em;
+            }
+        }
+    }
+}
+
 /* search form */
 #dokuwiki__sitetools form.search {
     float: left;
@@ -324,8 +339,9 @@ body {
 @media only screen and (max-height: 400px) {
 // 400px is only roughly the required value, this may be wrong under non-standard circumstances
 
-#dokuwiki__pagetools div.tools {
-    position: static;
+/* With sticky status bar, no special handling needed for short screens */
+#dokuwiki__pagetools.pagetools-statusbar {
+    /* sticky positioning still works well */
 }