Major add : Ajout de la sélection de langue et de la recherche dans la sidebar.

This commit is contained in:
Zatalyz 2024-12-11 21:05:40 +01:00
parent a9af5f7e9d
commit 824740646d
5 changed files with 99 additions and 24 deletions

View file

@ -80,7 +80,7 @@
display: flex; display: flex;
flex-direction: row-reverse; flex-direction: row-reverse;
align-items: center; align-items: center;
justify-content: end; justify-content: start;
} }
/* .JSpopup */ /* .JSpopup */

View file

@ -13,34 +13,90 @@
margin: 0 ; margin: 0 ;
float: none; float: none;
text-align: inherit; text-align: inherit;
/*margin-bottom: 1em;
display:flex;
flex-direction: column;*/
} }
.dokuwiki div.plugin_translation ul li a:link,
.dokuwiki div.plugin_translation ul li a.wikilink1:link, .dokuwiki div.plugin_translation ul li a.wikilink1:hover, .dokuwiki div.plugin_translation ul li a.wikilink1:active, .dokuwiki div.plugin_translation ul li a.wikilink1:visited { .dokuwiki div.plugin_translation ul li a:active,
.dokuwiki div.plugin_translation ul li a:visited,
.dokuwiki div.plugin_translation ul li span {
background-color: inherit; background-color: inherit;
color: @ini_link; color: @ini_neutrallight;
text-decoration: underline dotted; }
.dokuwiki div.plugin_translation ul li:hover,
.dokuwiki div.plugin_translation ul li:hover a,
.dokuwiki div.plugin_translation ul li:hover span,
.dokuwiki div.plugin_translation ul li:hover a.wikilink2:link,
.dokuwiki div.plugin_translation ul li:hover a.wikilink2:hover {
background-color: purple;
color: @ini_neutrallight;
} }
.dokuwiki div.plugin_translation ul li a.wikilink2:link, .dokuwiki div.plugin_translation ul li a.wikilink2:hover, .dokuwiki div.plugin_translation ul li a.wikilink2:active, .dokuwiki div.plugin_translation ul li a.wikilink2:visited { .dokuwiki div.plugin_translation ul li a.wikilink1:link,
.dokuwiki div.plugin_translation ul li a.wikilink1:hover,
.dokuwiki div.plugin_translation ul li a.wikilink1:active,
.dokuwiki div.plugin_translation ul li a.wikilink1:visited {
text-decoration: underline dotted;
background-color: inherit;
}
.dokuwiki div.plugin_translation ul li a.wikilink2:link,
.dokuwiki div.plugin_translation ul li a.wikilink2:hover,
.dokuwiki div.plugin_translation ul li a.wikilink2:active,
.dokuwiki div.plugin_translation ul li a.wikilink2:visited
.dokuwiki div.plugin_translation ul li span {
text-decoration: none; text-decoration: none;
border-bottom: 1px dashed !important; border-bottom: 1px dashed !important;
color: @ini_link2; color: @ini_link2;
background-color: inherit; background-color: inherit;
} }
.dokuwiki div.plugin_translation select.wikilink1, .dokuwiki div.plugin_translation option.wikilink1 { .dokuwiki div.plugin_translation select.wikilink1,
.dokuwiki div.plugin_translation option.wikilink1 {
color: @ini_link; color: @ini_link;
} }
.dokuwiki div.plugin_translation select, .dokuwiki div.plugin_translation input { .dokuwiki div.plugin_translation select,
.dokuwiki div.plugin_translation input {
background-color: @ini_neutral4; background-color: @ini_neutral4;
color: @ini_neutrallight;
}
.dokuwiki div.plugin_translation.is-dropdown ul {
position: inherit;
background: @ini_neutral1;
} }
.kh_translate { .kh_translate {
display: flex; display: flex;
align-items: center; align-items: center;
margin-bottom: 0.3em;
img {
max-height:1em;
width: 1.2em;
}
li {
text-transform: uppercase;
}
}
.plugin_translation .title {
display:none;
}
.kh_translate .is-dropdown ul .span::after {
content: '▼';
margin-right: 5px;
font-size: 14px;
}
.kh_translate .is-dropdown ul .span {
display: flex;
align-items: center;
}
.dokuwiki div.plugin_translation.is-dropdown,
.dokuwiki div.plugin_translation {
padding-bottom: 0em;
}
.dokuwiki div.plugin_translation.is-dropdown ul li {
width: 100%;
} }
/*____________ Config manager ____________*/ /*____________ Config manager ____________*/

View file

@ -50,10 +50,9 @@
} }
.kh_littletool { .kh_littletool {
display: flex; display: flex;
position: absolute;
top: 1em;
right: 1em;
flex-direction: column; flex-direction: column;
justify-content: center;
height: 100%;
} }
/*____________ dokuwiki__content not in "read" mode ____________*/ /*____________ dokuwiki__content not in "read" mode ____________*/
@ -106,6 +105,7 @@
background-color: @ini_background ; background-color: @ini_background ;
padding:0em 1em 0em 1em; padding:0em 1em 0em 1em;
display:flex; display:flex;
flex-direction: column;
/*box-shadow: 0 1.2em .5em @ini_text_alt;*/ /*box-shadow: 0 1.2em .5em @ini_text_alt;*/
/* make sidebar more condensed */ /* make sidebar more condensed */

View file

@ -87,10 +87,6 @@ So, navbar too, and breadcrumbs.
} }
.searchtool {
max-height: 2em;
}
/*____________ Usertools ____________*/ /*____________ Usertools ____________*/
/* Link to Connexion, userpage, administration, profil */ /* Link to Connexion, userpage, administration, profil */

View file

@ -90,6 +90,29 @@ $showSidebar = $hasSidebar && ($ACT=='show');
//echo $lang['sidebar'] ; //echo $lang['sidebar'] ;
?></span></h3> ?></span></h3>
<div class="pad sidebar include group"> <div class="pad sidebar include group">
<!-- Outils faciles -->
<div class="kh_littletool">
<!-- translation (only with Translation Plugin) -->
<?php
$translation = plugin_load('helper','translation');
if ($translation) {?>
<div class="kh_translate">
<img src="<?php echo tpl_basedir(); ?>/images/lang.svg" alt"icone"></img>
<?php
echo $translation->showTranslations();
}
?>
</div>
<!-- searchtool-->
<div class="searchtool nomobile">
<?php tpl_searchform(); ?>
</div>
</div>
<div class="content"><div class="group"> <div class="content"><div class="group">
<?php tpl_flush() ?> <?php tpl_flush() ?>
<?php tpl_include_page($conf['sidebar'], true, true) ?> <?php tpl_include_page($conf['sidebar'], true, true) ?>
@ -215,12 +238,12 @@ $showSidebar = $hasSidebar && ($ACT=='show');
$translation = plugin_load('helper','translation'); $translation = plugin_load('helper','translation');
if ($translation) {?> if ($translation) {?>
<div class="kh_translate"> <div class="kh_translate">
<img src="<?php echo tpl_basedir(); ?>/images/lang.svg" alt"icone"></img> <img src="<?php echo tpl_basedir(); ?>/images/lang.svg" alt"icone"></img>
<?php <?php
echo $translation->showTranslations(); echo $translation->showTranslations();
echo "</div>" ; }
} ?>
?> </div>
<!-- searchtool--> <!-- searchtool-->
<div class="searchtool nomobile"> <div class="searchtool nomobile">