🌐 RTL Lang Improvements

fastsitephp · Feb 27, 2020 · 80f9888 · 80f9888
1 parent 46d5ba0
commit 80f9888
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 1 deletion.
diff --git a/app/Views/_header.php b/app/Views/_header.php
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="<?= $app->lang ?>" dir="auto">
+<html lang="<?= $app->lang ?>" dir="<?= ($app->lang === 'ar' ? 'rtl' : 'auto'); ?>">
 	<head>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

diff --git a/public/css/site.css b/public/css/site.css
@@ -151,6 +151,7 @@ nav.navbar { text-align:center; }
 
 .nav-item.sub-menu { position:relative; }
 .nav-item.sub-menu div { display:flex; align-items:center; margin-left: 15px; }
+html[dir="rtl"] .nav-item.sub-menu div { margin-left:0; margin-right:15px; }
 .nav-item.sub-menu ul {
     display:none;
     position:absolute;
@@ -164,6 +165,7 @@ nav.navbar { text-align:center; }
 }
 .nav-item.sub-menu span { cursor:help; display: inline-block; padding:10px 15px; font-weight:bold; color: #fff; text-decoration: none; position: relative; }
 .nav-item.sub-menu.i18n-menu ul { right: 0; }
+html[dir="rtl"] .nav-item.sub-menu.i18n-menu ul { right: initial; left:0 }
 .nav-item.sub-menu ul li.active { background-color: #E2E4EF; }
 .nav-item.sub-menu ul li:hover { background-color: #BCC1DB; }
 .nav-item.sub-menu:hover ul { display:block; }