smallsolar
/
libkiwix
mirror of https://github.com/kiwix/libkiwix.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Right-aligned UI language selector button

This commit is contained in:
Veloman Yunkan 2023-11-15 15:31:22 +04:00
parent f58d4a93e1
commit 605c7f71e0
3 changed files with 10 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
static/skin/kiwix.css
View File

@ -90,7 +90,7 @@ body {
} }
#uiLanguageSelectorButton { #uiLanguageSelectorButton {
margin: 0px 12px 6px 12px; margin: 0px 12px;
float: right; float: right;
cursor: pointer; cursor: pointer;
height: 30px; height: 30px;

2
static/skin/taskbar.css
View File

@ -5,6 +5,7 @@
box-sizing: border-box; box-sizing: border-box;
background: #f4f6f8; background: #f4f6f8;
border-bottom: 1px solid #aaa; border-bottom: 1px solid #aaa;
display: flex;
} }
#kiwixtoolbar>a { #kiwixtoolbar>a {
@ -42,6 +43,7 @@
.kiwix .kiwix_centered { .kiwix .kiwix_centered {
max-width: 720px; max-width: 720px;
width: 100%;
margin: 0 auto; margin: 0 auto;
} }

14
static/viewer.html
View File

@ -35,13 +35,6 @@
<div class="kiwix" style="display:none" id="kiwixtoolbarwrapper"> <div class="kiwix" style="display:none" id="kiwixtoolbarwrapper">
<div id="kiwixtoolbar" class="ui-widget-header"> <div id="kiwixtoolbar" class="ui-widget-header">
<div class="kiwix_centered"> <div class="kiwix_centered">
<a onclick="window.modalUILanguageSelector.show()"
alt="Select UI language"
aria-label="Select UI language"
title="Select UI language">
<img id="uiLanguageSelectorButton"
src="./skin/langSelector.svg?KIWIXCACHEID">
</a>
<div class="kiwix_searchform"> <div class="kiwix_searchform">
<form class="kiwixsearch" method="GET" action="javascript:performSearch()" id="kiwixsearchform"> <form class="kiwixsearch" method="GET" action="javascript:performSearch()" id="kiwixsearchform">
<label for="kiwixsearchbox">&#x1f50d;</label> <label for="kiwixsearchbox">&#x1f50d;</label>
@ -66,6 +59,13 @@
</span> </span>
</div> </div>
</div> </div>
<a onclick="window.modalUILanguageSelector.show()"
alt="Select UI language"
aria-label="Select UI language"
title="Select UI language">
<img id="uiLanguageSelectorButton"
src="./skin/langSelector.svg?KIWIXCACHEID">
</a>
</div> </div>
</div> </div>