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

Feat/text direction&alignment
OpenPecha · Jan 30, 2024 · 9abf77b · 9abf77b
2 parents 135d835 + 48375a5
commit 9abf77b
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 20 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,10 +1694,10 @@ div.interfaceLinks-row a {
   --hebrew-font: var(--hebrew-sans-serif-font-family);
 }
 .interface-hebrew .sidebarLayout {
-  direction: rtl;
+  direction: ltr;
 }
 .readerPanel.hebrew .followsContentLang {
-  direction: rtl;
+  direction: ltr;
 }
 .navSidebar {
   width: 420px;
@@ -3490,7 +3490,7 @@ display: none;
 .hebrew .textTableOfContents,
 .english .noLangToggleInHebrew .textTableOfContents,
 .bilingual .noLangToggleInHebrew .textTableOfContents{
-  text-align: right;
+  text-align: left;
 }
 .english .noLangToggleInHebrew .textTableOfContents,
 .bilingual .noLangToggleInHebrew .textTableOfContents{
@@ -5166,7 +5166,7 @@ body .ui-autocomplete.dictionary-toc-autocomplete .ui-menu-item a.ui-state-focus
 .interface-english .readerPanel.hebrew .textTableOfContents,
 .interface-english .readerPanel.hebrew .connectionsPanel .toolsButton.more,
 .interface-english .readerPanel.hebrew .connectionsPanel .toolsButton.seeLess {
-  direction: rtl;
+  direction: ltr;
 }
 .basetext .text, .sheetContent .text {
   padding: 0 44px;
@@ -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;
@@ -9081,15 +9081,15 @@ body #keyboardInputMaster tbody tr td table tbody tr td.pressed{
   color: #666;
 }
 .interface-hebrew #footer{
-  direction: rtl;
-  text-align: right;
+  direction: ltr;
+  text-align: left;
 }
 .interface-english #footer .int-he {
   display: none;
 }
 .interface-hebrew #footer .int-he {
   display: inline;
-  text-align: right;
+  text-align: left;
 }
 #footerInner {
   max-width: 1000px;
@@ -9105,7 +9105,7 @@ body #keyboardInputMaster tbody tr td table tbody tr td.pressed{
   text-align: left;
 }
 .interface-hebrew #footer .section {
-  text-align: right;
+  text-align: left;
 }
 #footer .section .header {
   color: #000;
@@ -9118,7 +9118,7 @@ body #keyboardInputMaster tbody tr td table tbody tr td.pressed{
   text-align: right;
 }
 .interface-hebrew #footer .section.last {
-  float: left;
+  float: right;
   text-align: left;
 }
 #footer .section a {

diff --git a/static/css/sheets.css b/static/css/sheets.css
@@ -18,7 +18,7 @@ body:not(.user-is-tabbing) #sheet .cke_editable:focus {
   display: none;
 }
 .interface-hebrew #sheetsContent, .interface-hebrew #sheetsContent .sheetsEditNavTop, .interface-hebrew #fileControls{
-	direction: rtl;
+	direction: ltr;
 }
 .he, .int-he {
     font-size: 100%;
@@ -931,7 +931,7 @@ body:not(.user-is-tabbing) #sheet .cke_editable:focus {
 	margin-top: 20px;
 }
 .interface-hebrew #empty #howItWorks{
-	text-align: right;
+	text-align: left;
 }
 #empty h1 {
 	font-size: 32px;
@@ -1529,7 +1529,7 @@ body.hasBannerMessage .sheetsEditNavTop {
 	display:flex;
 }
 .interface-hebrew #addInterface .buttonBar{
-	direction: rtl;
+	direction: ltr;
 }
 
 .contentDiv > div {
@@ -1669,7 +1669,7 @@ body.hasBannerMessage .sheetsEditNavTop {
 	width:100%;
 }
 .interface-hebrew .blockContainer{
-	direction: rtl;
+	direction: ltr;
 }
 #customTextContainer{
 	margin-bottom: 40px;