feat(DisplaySettingsButton): change button to A for English interface…

… and aleph for Hebrew interface
Sefaria · Nov 6, 2023 · 74d5c1f · 74d5c1f
1 parent 9ba5663
commit 74d5c1f
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 3 deletions.
diff --git a/static/css/s2.css b/static/css/s2.css
@@ -4702,6 +4702,16 @@ body .ui-autocomplete.dictionary-toc-autocomplete .ui-menu-item a.ui-state-focus
   display: inline-block;
   cursor: pointer;
 }
+.readerOptions .int-en {
+  font-size: 25px;
+  line-height: 63px;
+  margin-right: 8px;
+}
+.readerOptions .int-he {
+  font-size: 28px;
+  line-height: 67px;
+  margin-left: 6px;
+}
 .rightButtons .readerOptions {
   vertical-align: middle;
 }

diff --git a/static/js/Misc.jsx b/static/js/Misc.jsx
@@ -1343,9 +1343,17 @@ class CloseButton extends Component {
 class DisplaySettingsButton extends Component {
   render() {
     var style = this.props.placeholder ? {visibility: "hidden"} : {};
-    var icon = Sefaria._siteSettings.TORAH_SPECIFIC ?
-      <img src="/static/img/ayealeph.svg" alt="Toggle Reader Menu Display Settings" style={style} /> :
-      <span className="textIcon">Aa</span>;
+    var icon;
+
+    if (Sefaria._siteSettings.TORAH_SPECIFIC) {
+      icon =
+        <InterfaceText>
+        <EnglishText>A</EnglishText>
+        <HebrewText>א</HebrewText>
+        </InterfaceText>;
+    } else {
+      icon = <span className="textIcon">Aa</span>;
+    }
     return (<a
               className="readerOptions"
               tabIndex="0"