Fix footer bar
This commit is contained in:
@@ -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%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -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;
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user