itisval/ilot.io
1
0
Fork 0
forked from ilot/ilot-io
Code Pull requests Activity

templates/page: fix language switcher on mobile

Browse source
This commit is contained in:
Antoine Martin 2024-06-21 13:01:28 -04:00
parent 4aa8370ec3
commit 8f7564c20d
Signed by: ayakael
GPG key ID: D62A472A4AA7D541
2 changed files with 28 additions and 23 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
basewiki/bootstrap.local.css vendored
View file

@ -440,9 +440,9 @@ header h1::before {
/* Language switchers */
#language-switcher-top {
position: relative;
margin-top: 7px;
.language-switcher-top {
display: block;
padding-top: 9px;
width: 120px; /* Force size to prevent overflowing breadcrumbs */
height: 35px;
z-index: 5;
@ -507,7 +507,6 @@ header h1::before {
.current-language {
border: 1px solid transparent;
background: url(wikiicons/languages.png) no-repeat 92px 9px;
}
.other-languages li {

34
templates/page.tmpl
View file

@ -81,21 +81,17 @@
<img alt="<TMPL_VAR WIKINAME>" src="/favicon.png" width="48" height="48" />
</a>
</div>
<div id="navbar" class="collapse navbar-collapse">
<TMPL_IF SIDEBAR>
<TMPL_VAR SIDEBAR>
</TMPL_IF>
<ul class="nav navbar-nav">
<TMPL_LOOP BOOTMENU>
<TMPL_IF FIRSTNAV>
<li <TMPL_IF ACTIVE>class="active"</TMPL_IF>><a href="<TMPL_VAR URL>"><TMPL_VAR PAGE></a></li>
</TMPL_IF>
</TMPL_LOOP>
<div id="language-switcher-top">
<TMPL_IF OTHERLANGUAGES>
<nav class="language-switcher">
<div class="current-language"><TMPL_VAR LANG_NAME></div>
<ul class="other-languages">
<div class="dropdown language-switcher-top navbar-left">
<button class="btn btn-default dropdown-toggle" type="button" id="language-menu-top" data-toggle=
"dropdown" aria-haspopup="true" aria-expanded="true">
<TMPL_VAR LANG_NAME>
<img src="/wikiicons/languages.png">
</button>
<ul class="dropdown-menu" aria-labelledby="language-menu-top">
<TMPL_LOOP OTHERLANGUAGES>
<li>
<a href="<TMPL_VAR URL>"><TMPL_VAR LANGUAGE></a>
@ -107,10 +103,20 @@
</li>
</TMPL_IF>
</ul>
</nav>
</TMPL_IF>
</div>
<TMPL_IF SIDEBAR>
<TMPL_VAR SIDEBAR>
</TMPL_IF>
<ul class="nav navbar-nav">
<TMPL_LOOP BOOTMENU>
<TMPL_IF FIRSTNAV>
<li <TMPL_IF ACTIVE>class="active"</TMPL_IF>><a href="<TMPL_VAR URL>"><TMPL_VAR PAGE></a></li>
</TMPL_IF>
</TMPL_LOOP>
</ul>
</div>