Merge pull request #964 from monstorix/master

Fix: sidebar text layouts and font fallbacks for CJK
libredirect · Aug 10, 2024 · 0eb4bba · 0eb4bba
2 parents 77f2334 + feca205
commit 0eb4bba
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 3 deletions.
diff --git a/src/pages/options_src/App.svelte b/src/pages/options_src/App.svelte
@@ -110,7 +110,7 @@
     margin: 0;
     padding-top: 50px;
     justify-content: center;
-    font-family: "Inter";
+    font-family: "Inter", sans-serif;
     box-sizing: border-box;
     font-size: 16px;
     background-color: var(--bg-main);

diff --git a/src/pages/options_src/Sidebar.svelte b/src/pages/options_src/Sidebar.svelte
@@ -14,7 +14,7 @@
   </a>
   <a href="#services" on:click={() => page.set("services")} style={$page == "services" && "color: var(--active);"}>
     <ServicesIcon class="margin margin_{document.body.dir}" />
-    {browser.i18n.getMessage("general") || "Services"}
+    {browser.i18n.getMessage("services") || "Services"}
   </a>
   <a href="https://libredirect.github.io" target="_blank" rel="noopener noreferrer">
     <AboutIcon class="margin margin_{document.body.dir}" />
@@ -37,6 +37,7 @@
     color: var(--text);
     transition: 0.1s;
     margin: 10px;
+    min-width: max-content;
   }
 
   a:hover {

diff --git a/src/pages/popup_src/App.svelte b/src/pages/popup_src/App.svelte
@@ -106,7 +106,7 @@
     margin: 0;
     padding: 10px;
     padding-top: 20px;
-    font-family: "Inter";
+    font-family: "Inter", sans-serif;
     font-size: 16px;
     background-color: var(--bg-main);
     color: var(--text);