From 8351429e171f3ff8182b737d08e659bc42b1eed8 Mon Sep 17 00:00:00 2001
From: Davis Ragels <davis.ragels@Tilde.lv>
Date: Tue, 6 Aug 2024 12:09:32 +0300
Subject: [PATCH] Widget accessiblity improvements #72270 #72271 #72276

---
 pages/prod-test.html        | 2 +-
 src/js/ui/LanguageMenu.ts   | 1 -
 src/style/languageMenu.scss | 4 ++--
 3 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/pages/prod-test.html b/pages/prod-test.html
index f922e0b..b8d9d0a 100644
--- 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
index 233cb2f..9c84c8c 100644
--- 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
index 787d528..21273d3 100644
--- 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 {