Explicitly styled UI language selector

The recently introduced ZIM viewer UI language selector looked adequately nice under Firefox without any explicit styling applied. Under SeaMonkey, however, its default look and feel was intolerable, so I used this opportunity to make the UI language selector comply with the current fashion of the ZIM viewer toolbar.
kiwix · Feb 7, 2023 · dccf8da · dccf8da
1 parent 165d6d4
commit dccf8da
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 5 deletions.
diff --git a/static/skin/taskbar.css b/static/skin/taskbar.css
@@ -44,8 +44,8 @@
     margin: 0 auto;
 }
 
-#ui_language {
-  float: left
+.kiwix #ui_language {
+  float: left;
 }
 
 #kiwix_button_show_toggle {
@@ -84,6 +84,7 @@ label[for="kiwix_button_show_toggle"],
     float: right;
 }
 
+.kiwix #ui_language,
 .kiwix #kiwixtoolbar button,
 .kiwix #kiwixtoolbar input[type="submit"] {
     box-sizing: border-box !important;

diff --git a/static/viewer.html b/static/viewer.html
@@ -29,7 +29,7 @@
   <body style="margin:0" onload="setupViewer()">
     <div class="kiwix" style="display:none" id="kiwixtoolbarwrapper">
       <div id="kiwixtoolbar" class="ui-widget-header">
-        <select id="ui_language" onchange="changeUILanguage()">
+        <select id="ui_language" class="kiwix" onchange="changeUILanguage()">
         </select>
         <div class="kiwix_centered">
           <div class="kiwix_searchform">

diff --git a/test/server.cpp b/test/server.cpp
@@ -71,7 +71,7 @@ const ResourceCollection resources200Compressible{
   { DYNAMIC_CONTENT, "/ROOT/skin/mustache.min.js" },
   { STATIC_CONTENT,  "/ROOT/skin/mustache.min.js?cacheid=bd23c4fb" },
   { DYNAMIC_CONTENT, "/ROOT/skin/taskbar.css" },
-  { STATIC_CONTENT,  "/ROOT/skin/taskbar.css?cacheid=2cbac34b" },
+  { STATIC_CONTENT,  "/ROOT/skin/taskbar.css?cacheid=eb3bec90" },
   { DYNAMIC_CONTENT, "/ROOT/skin/viewer.js" },
   { STATIC_CONTENT,  "/ROOT/skin/viewer.js?cacheid=03fd97ee" },
   { DYNAMIC_CONTENT, "/ROOT/skin/fonts/Poppins.ttf" },
@@ -298,7 +298,7 @@ R"EXPECTEDRESULT(                                <img src="../skin/download.png?
     },
     {
       /* url */ "/ROOT/viewer",
-R"EXPECTEDRESULT(    <link type="text/css" href="./skin/taskbar.css?cacheid=2cbac34b" rel="Stylesheet" />
+R"EXPECTEDRESULT(    <link type="text/css" href="./skin/taskbar.css?cacheid=eb3bec90" rel="Stylesheet" />
     <link type="text/css" href="./skin/css/autoComplete.css?cacheid=08951e06" rel="Stylesheet" />
     <script type="module" src="./skin/i18n.js?cacheid=6da2bca0" defer></script>
     <script type="text/javascript" src="./skin/languages.js?cacheid=fe100348" defer></script>