Merge pull request #6303 from tomachalek/syntax_viewer_upd

UX tweaks in the 'expand/fit' button in syntax viewer
czcorpus · Sep 20, 2024 · a8cce40 · a8cce40
2 parents 1d9b3c5 + 3c96fc2
commit a8cce40
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 18 deletions.
diff --git a/public/files/js/plugins/syntaxViewer2/messages.json b/public/files/js/plugins/syntaxViewer2/messages.json
@@ -1,17 +1,17 @@
-{
-    "en-US": {
-        "syntaxViewer2__click_to_see_details": "Click to see details",
-        "syntaxViewer2__fit_to_view_button": "Fit graph to view",
-        "syntaxViewer2__expand_button": "Extend graph"
-    },
-    "cs-CZ": {
-        "syntaxViewer2__click_to_see_details": "Klikněte pro zobrazení detailů",
-        "syntaxViewer2__fit_to_view_button": "Přizpůsobit graf oknu",
-        "syntaxViewer2__expand_button": "Roztáhnout graf"
-	},
-    "szl": {
-        "syntaxViewer2__click_to_see_details": "Kliknij, żeby ôbejzdrzeć szczegōły",
-        "syntaxViewer2__fit_to_view_button": "Fit graph to view UNTRANSLATED",
-        "syntaxViewer2__expand_button": "Extend graph UNTRANSLATED"
-    }
-}
+{
+    "en-US": {
+        "syntaxViewer2__click_to_see_details": "Click to see details",
+        "syntaxViewer2__fit_to_view_button": "adjust to window size",
+        "syntaxViewer2__expand_button": "stretch to width"
+    },
+    "cs-CZ": {
+        "syntaxViewer2__click_to_see_details": "Klikněte pro zobrazení detailů",
+        "syntaxViewer2__fit_to_view_button": "přizpůsobit velikosti okna",
+        "syntaxViewer2__expand_button": "roztáhnout do šířky"
+	},
+    "szl": {
+        "syntaxViewer2__click_to_see_details": "Kliknij, żeby ôbejzdrzeć szczegōły",
+        "syntaxViewer2__fit_to_view_button": "adjust to window size UNTRANSLATED",
+        "syntaxViewer2__expand_button": "stretch to width UNTRANSLATED"
+    }
+}
diff --git a/public/files/js/plugins/syntaxViewer2/view.tsx b/public/files/js/plugins/syntaxViewer2/view.tsx
@@ -140,7 +140,7 @@ export function init(
                     sizeBtnVisible ?
                         <>
                             <hr/>
-                            <button type='button' onClick={extendGraphHandler}>
+                            <button type="button" className="util-button" onClick={extendGraphHandler}>
                                 {props.expanded ?
                                     he.translate('syntaxViewer2__fit_to_view_button') :
                                     he.translate('syntaxViewer2__expand_button')