Fix footer bar

This commit is contained in:
2026-01-30 14:36:07 +01:00
parent 5b01b839b4
commit 564cc5e9b7
3 changed files with 56 additions and 34 deletions

View File

@@ -28,7 +28,7 @@ body {
padding: 0; padding: 0;
} }
body { body {
font: normal 100%/1 "Perfect DOS VGA 437 Win", monospace; font: normal 100%/1.2 "Perfect DOS VGA 437 Win", monospace;
-webkit-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;
} }

View File

@@ -10,7 +10,7 @@
* The page tools are displayed as a sticky bar at the bottom of the viewport * The page tools are displayed as a sticky bar at the bottom of the viewport
*/ */
#dokuwiki__pagetools.pagetools-statusbar { #dokuwiki__pagetools {
/* Fixed positioning at bottom of viewport */ /* Fixed positioning at bottom of viewport */
position: fixed; position: fixed;
bottom: 0; bottom: 0;
@@ -23,7 +23,19 @@
border-top: 1px solid @ini_border; border-top: 1px solid @ini_border;
padding: 0 0.5em; padding: 0 0.5em;
ul { /* Hide accessibility heading */
h3.a11y {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.tools ul {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
align-items: center; align-items: center;
@@ -48,10 +60,11 @@
&:active { &:active {
background-color: @ini_background_neu; background-color: @ini_background_neu;
}
.accesskey { /* Label text */
color: @ini_text; .label {
} font-size: 0.9em;
} }
/* Accesskey badge - prominent display like F1, F2 shortcuts */ /* Accesskey badge - prominent display like F1, F2 shortcuts */
@@ -66,8 +79,9 @@
text-transform: uppercase; text-transform: uppercase;
} }
.label { /* Hide SVG icons - we use text-only status bar style */
font-size: 0.9em; svg {
display: none;
} }
} }
} }
@@ -75,7 +89,7 @@
/* RTL support */ /* RTL support */
[dir=rtl] & { [dir=rtl] & {
ul li a { .tools ul li a {
.accesskey { .accesskey {
margin-right: 0; margin-right: 0;
margin-left: 0.4em; margin-left: 0.4em;

View File

@@ -19,35 +19,43 @@ try {
$menu = new $menuClass(); $menu = new $menuClass();
$items = $menu->getItems(); $items = $menu->getItems();
} catch (Exception $e) { } catch (Exception $e) {
$items = []; return;
} }
if (empty($items)) return; if (empty($items)) return;
?> ?>
<nav id="dokuwiki__pagetools" class="pagetools-statusbar" aria-labelledby="dokuwiki__pagetools__heading"> <nav id="dokuwiki__pagetools" aria-labelledby="dokuwiki__pagetools__heading">
<h3 class="a11y" id="dokuwiki__pagetools__heading"><?php echo $lang['page_tools']; ?></h3> <h3 class="a11y" id="dokuwiki__pagetools__heading"><?php echo $lang['page_tools']; ?></h3>
<ul> <div class="tools">
<?php foreach ($items as $item): ?> <ul>
<?php <?php foreach ($items as $item): ?>
$accesskey = $item->getAccesskey(); <?php
$label = hsc($item->getLabel()); $type = $item->getType();
$title = hsc($item->getTitle()); $accesskey = $item->getAccesskey();
$link = $item->getLink(); $label = hsc($item->getLabel());
$type = $item->getType(); // Get link attributes from the item - this allows plugins to add their own classes
$nofollow = $item->isNofollow() ? ' rel="nofollow"' : ''; $linkAttr = $item->getLinkAttributes('');
?> $href = $linkAttr['href'] ?? $item->getLink();
<li class="action <?php echo $type; ?>"> $class = $linkAttr['class'] ?? '';
<a href="<?php echo $link; ?>" $rel = isset($linkAttr['rel']) ? ' rel="' . $linkAttr['rel'] . '"' : '';
title="<?php echo $title; ?><?php echo $accesskey ? ' [' . $accesskey . ']' : ''; ?>" // Build title with accesskey hint
<?php echo $accesskey ? 'accesskey="' . $accesskey . '"' : ''; ?> $title = hsc($item->getTitle()) . ($accesskey ? ' [' . $accesskey . ']' : '');
<?php echo $nofollow; ?>> $accesskeyAttr = $accesskey ? ' accesskey="' . $accesskey . '"' : '';
<?php if ($accesskey): ?> ?>
<span class="accesskey"><?php echo strtoupper(hsc($accesskey)); ?></span> <li class="<?php echo $type; ?>">
<?php endif; ?> <a href="<?php echo $href; ?>"
<span class="label"><?php echo $label; ?></span> class="<?php echo $class; ?>"
</a> title="<?php echo $title; ?>"
</li> <?php echo $accesskeyAttr; ?>
<?php endforeach; ?> <?php echo $rel; ?>>
</ul> <?php if ($accesskey): ?>
<span class="accesskey"><?php echo strtoupper(hsc($accesskey)); ?></span>
<?php endif; ?>
<span class="label"><?php echo $label; ?></span>
</a>
</li>
<?php endforeach; ?>
</ul>
</div>
</nav> </nav>