Browse Source

fixed translations

Former-commit-id: 66fcb40c8e11a86c418aafd9669b56bb350ae768
Gildas 6 years ago
parent
commit
6d45bda634
3 changed files with 14 additions and 12 deletions
  1. 5 2
      extension/ui/bg/ui-panel.js
  2. 7 4
      extension/ui/pages/panel.css
  3. 2 6
      extension/ui/pages/panel.html

+ 5 - 2
extension/ui/bg/ui-panel.js

@@ -21,13 +21,16 @@
  *   Source.
  */
 
-/* global document */
+/* global browser, document */
 
 (async () => {
 
 	const optionsTab = document.getElementById("tab-options");
 	const pendingsTab = document.getElementById("tab-pendings");
-	const viewPanel = document.getElementById("view-panel");	
+	const viewPanel = document.getElementById("view-panel");
+
+	optionsTab.textContent = browser.i18n.getMessage("optionsTitle");
+	pendingsTab.textContent = browser.i18n.getMessage("pendingsTitle");
 
 	optionsTab.onclick = () => {
 		optionsTab.classList.add("tab-selected");

+ 7 - 4
extension/ui/pages/panel.css

@@ -16,7 +16,7 @@ body {
 
 header {
     display: flex;
-    flex-direction: row;
+    flex-direction: row;    
 }
 
 .tab {
@@ -24,8 +24,11 @@ header {
     padding-top: 8px;
     padding-left: 8px;
     padding-right: 8px;
-	opacity: .5;
+    opacity: .5;
 	cursor: pointer;
+	overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
 }
 
 .tab-selected {
@@ -44,7 +47,7 @@ iframe {
 
 @media (prefers-color-scheme: dark) {
     body {
-		background-color: #38383d;
-		color: #fdfdfd;
+        background-color: #38383d;
+        color: #fdfdfd;
     }
 }

+ 2 - 6
extension/ui/pages/panel.html

@@ -10,12 +10,8 @@
 
 <body>
 	<header>
-		<span id="tab-options" class="tab tab-selected">
-			options
-		</span>
-		<span id="tab-pendings" class="tab">
-			pending saves
-		</span>
+		<span id="tab-options" class="tab tab-selected"></span>
+		<span id="tab-pendings" class="tab"></span>
 	</header>
 	<main>
 		<iframe id="view-panel" src="options.html#side-panel"></iframe>