Modif sur les toggles (sidebar et toc) afin de les aligner et pouvoir les utiliser/voir sur mobile

This commit is contained in:
Zatalyz 2020-06-03 18:03:33 +02:00
parent edc4dc3a95
commit 4232a9a765
3 changed files with 22 additions and 9 deletions

View file

@ -51,12 +51,27 @@
} }
.dokuwiki h3.toggle { .dokuwiki h3.toggle {
padding: .2em .5em; padding: 0;
margin: 0;
padding: .2em .5em;
}
.dokuwiki .dw__toc h3.toggle {
padding: .2em .5em;
display: flex;
align-items: center;
flex-direction: row-reverse;
justify-content: space-between;
} }
.dokuwiki .toggle strong { .dokuwiki .toggle strong {
float: right; /*float: right;*/
margin: 0 .2em; margin: 0 .2em;
font-size: 1.5em;
/*position: absolute;
right: 1em;*/
display:flex;
flex-direction:row-reverse;
} }
[dir=rtl] .dokuwiki .toggle strong { [dir=rtl] .dokuwiki .toggle strong {
float: left; float: left;

View file

@ -186,7 +186,7 @@
#dokuwiki__sidebar > .pad, #dokuwiki__sidebar > .pad,
.dokuwiki div.page { .dokuwiki div.page {
padding: .5em; padding: 0;
margin:0; margin:0;
} }

View file

@ -81,21 +81,19 @@ $showSidebar = $hasSidebar && ($ACT=='show');
<div class="wrapper group"> <div class="wrapper group">
<!-- ********** Sidebar ********** --> <!-- ********** Sidebar ********** -->
<?php if($showSidebar): ?>
<nav id="dokuwiki__sidebar"> <nav id="dokuwiki__sidebar">
<div class="biseau_left_top"></div> <div class="biseau_left_top"></div>
<h3 class="toggle"><?php echo $lang['sidebar'] ?></h3>
<div class="pad sidebar include group"> <div class="pad sidebar include group">
<div class="content"><div class="group"> <div class="content"><div class="group">
<?php tpl_flush() ?> <?php tpl_flush() ?>
<!-- sidebar content -->
<?php if($showSidebar): ?>
<?php tpl_include_page($conf['sidebar'], true, true) ?> <?php tpl_include_page($conf['sidebar'], true, true) ?>
<?php endif; ?>
</div></div> </div></div>
</div> </div>
<div class="biseau_2_bottom nomobile"></div> <div class="biseau_2_bottom nomobile"></div>
</nav><!-- /Sidebar --> </nav>
<?php endif; ?>
<!-- /Sidebar -->