add "Help us translate" link in i18n language

gigamaster · Nov 2, 2024 · 0302c73 · 0302c73
1 parent 68c1d27
commit 0302c73
Show file tree

Hide file tree

Showing 6 changed files with 33 additions and 4 deletions.
diff --git a/src/livecodes/core.ts b/src/livecodes/core.ts
@@ -2436,6 +2436,21 @@ const handleI18nMenu = () => {
     li.appendChild(link);
     i18nMenu.appendChild(li);
   });
+  const sep = document.createElement('li');
+  sep.role = 'separator';
+  i18nMenu.appendChild(sep);
+  const contributeLi = document.createElement('li');
+  const contributeLink = document.createElement('a');
+  contributeLink.href =
+    'https://github.com/live-codes/livecodes/blob/develop/docs/docs/contribution/i18n.md';
+  contributeLink.textContent = window.deps.translateString(
+    'app.i18nMenu.helpTranslate',
+    'Help Us Translate',
+  );
+  contributeLink.target = '_blank';
+  contributeLink.rel = 'noopener noreferrer';
+  contributeLi.appendChild(contributeLink);
+  i18nMenu.appendChild(contributeLi);
   menuContainer.appendChild(i18nMenu);
 };
 

diff --git a/src/livecodes/html/app.html b/src/livecodes/html/app.html
@@ -125,7 +125,7 @@
               href="javascript:void(0)"
               id="app-menu-button-i18n"
               class="button hint--bottom"
-              data-hint="Change UI Language"
+              data-hint="UI Language"
               data-i18n="app.i18nButton.hint"
               data-i18n-prop="data-hint"
             >

diff --git a/src/livecodes/i18n/locales/en/translation.lokalise.json b/src/livecodes/i18n/locales/en/translation.lokalise.json
@@ -134,7 +134,11 @@
   },
   "app.i18nButton.hint": {
     "notes": "",
-    "translation": "Change UI Language"
+    "translation": "UI Language"
+  },
+  "app.i18nMenu.helpTranslate": {
+    "notes": "",
+    "translation": "Help Us Translate"
   },
   "app.logo.title": {
     "notes": "",

diff --git a/src/livecodes/i18n/locales/en/translation.ts b/src/livecodes/i18n/locales/en/translation.ts
@@ -85,7 +85,10 @@ const translation = {
       hint: 'Full Screen',
     },
     i18nButton: {
-      hint: 'Change UI Language',
+      hint: 'UI Language',
+    },
+    i18nMenu: {
+      helpTranslate: 'Help Us Translate',
     },
     logo: {
       title: 'LiveCodes: Code Playground That Just Works!',

diff --git a/src/livecodes/styles/inc-menu.scss b/src/livecodes/styles/inc-menu.scss
@@ -175,6 +175,13 @@
   svg {
     font-size: var(--s14);
   }
+
+  a[target='_blank']::after {
+    content: '\2197';
+    display: inline-block;
+    margin: 0 0.3em;
+    width: 0.7em;
+  }
 }
 
 .dropdown-menu li:not(li[role='separator']) {

diff --git a/src/livecodes/styles/inc-modal.scss b/src/livecodes/styles/inc-modal.scss
@@ -818,7 +818,7 @@
     height: var(--s32);
     margin: 1rem;
     max-width: calc(100% - 2rem);
-    padding: 0 1rem;
+    padding: 0.1rem 1rem;
     position: absolute;
     top: 0;
     width: 100%;