Merge pull request #12 from OpenPecha/feat/text-direction&alignment

Feat/text direction&alignment
OpenPecha · Jan 29, 2024 · d749a99 · d749a99
2 parents c121009 + eec587c
commit d749a99
Showing 1 changed file with 8 additions and 8 deletions.
diff --git a/static/css/s2.css b/static/css/s2.css
@@ -509,7 +509,7 @@ input.noselect {
   box-shadow: 0 1px 3px rgba(0,0,0,0.2);
 }
 .interface-hebrew .header {
-  direction: rtl;
+  direction: ltr;
 }
 .headerInner .headerNavSection {
   display: flex;
@@ -825,7 +825,7 @@ div:has(#bannerMessage) + .readerApp.singlePanel .mobileNavMenu {
   width: max-content;
 }
 .interface-hebrew .header .interfaceLinks .interfaceLinks-menu {
-  left: 0px;
+  left: -135px;
   min-width: 150px;
   width: max-content;
 }
@@ -1485,8 +1485,8 @@ div.interfaceLinks-row a {
   direction: ltr; /* Even in Hebrew Interface, we want scroll bars on the right */
 }
 .readerPanel .he {
-  direction: rtl;
-  text-align: right;
+  direction: ltr;
+  text-align: left;
   unicode-bidi: initial;
 }
 }
@@ -1504,7 +1504,7 @@ div.interfaceLinks-row a {
 .interface-hebrew .readerPanel.bilingual .readerNavMenu .gridBox,
 .readerPanel.hebrew .readerNavSection,
 .readerPanel.hebrew .readerNavMenu .gridBox {
-  direction: rtl;
+  direction: ltr;
 }
 .interface-english .readerPanel.hebrew .readerNavMenu .readerTocResources .gridBox {
   direction: ltr;
@@ -1530,7 +1530,7 @@ div.interfaceLinks-row a {
 }
 .readerPanel.hebrew .he {
   display: inline;
-  text-align: right;
+  text-align: left;
 }
 .readerPanel.hebrew .en {
   display: none;
@@ -1694,7 +1694,7 @@ div.interfaceLinks-row a {
   --hebrew-font: var(--hebrew-sans-serif-font-family);
 }
 .interface-hebrew .sidebarLayout {
-  direction: rtl;
+  direction: ltr;
 }
 .readerPanel.hebrew .followsContentLang {
   direction: rtl;
@@ -5280,7 +5280,7 @@ body .ui-autocomplete.dictionary-toc-autocomplete .ui-menu-item a.ui-state-focus
 }
 .bilingual .segment > .he,
 .bilingual .segment > p > .he {
-  text-align: right;
+  text-align: left;
 }
 .stacked.bilingual .basetext .segment {
   margin-bottom: 14px;