Merge pull request #30 from tilde-nlp/bugfix/72119

Widget accessiblity improvements #72270 #72271 #72276
tilde-nlp · Aug 8, 2024 · 839886b · 839886b
2 parents 94464d9 + 8351429
commit 839886b
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 4 deletions.
diff --git a/pages/prod-test.html b/pages/prod-test.html
@@ -40,7 +40,7 @@
     <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
     <style>
         .mycolor {
-            color: cornflowerblue;
+            color: #2468E5;
         }
         .notranslate, [translate="no"], [lang="xxx"]{
             color:crimson;

diff --git a/src/js/ui/LanguageMenu.ts b/src/js/ui/LanguageMenu.ts
@@ -147,7 +147,6 @@ export class LanguageMenu implements ILanguageSelect {
         this.uiLocalization.subscribe({
           next: () => {
             optionText.textContent = getLanguageName(item.langCode, this.pluginOptions, this.uiLocalization)
-            option.title = optionText.textContent
             if (this.pluginOptions.ui.showLanguagesInNativeLanguage) {
               optionText.setAttribute('lang', item.langCode)
             }

diff --git a/src/style/languageMenu.scss b/src/style/languageMenu.scss
@@ -1,12 +1,12 @@
 $itemSelectedBackground: white;
-$itemSelectedColor: cornflowerblue;
+$itemSelectedColor: #2468E5;
 
 $itemHoveredBackground: rgb(238, 238, 238);
 // $itemHoveredColor: white;
 
 $machineTranslatedIconColor: $itemSelectedColor;
 
-$languageWidth: 150px;
+$languageWidth: 250px;
 $itemHeight:45px;
 
 .website-translator {