From 1ce4c024ce56ada1e7e9a90f1cc4ea0b7c3eb3bd Mon Sep 17 00:00:00 2001
From: Felix Niklas <mrflix@gmail.com>
Date: Fri, 28 Jul 2017 16:58:13 +0200
Subject: [PATCH] RTL: fix text-align regression in IE and Edge

Sadly, text-align: start and text-align: end are not yet supported in IE and Edge. They would be self-aware of the reading direction. see #1205
---
 app/assets/stylesheets/bootstrap.css | 20 ++++++++++----------
 app/assets/stylesheets/zammad.scss   |  3 +++
 2 files changed, 13 insertions(+), 10 deletions(-)

diff --git a/app/assets/stylesheets/bootstrap.css b/app/assets/stylesheets/bootstrap.css
index 649165728..794beac23 100644
--- a/app/assets/stylesheets/bootstrap.css
+++ b/app/assets/stylesheets/bootstrap.css
@@ -479,10 +479,10 @@ mark,
   background-color: #fcf8e3;
 }
 .text-left {
-  text-align: start;
+  text-align: left;
 }
 .text-right {
-  text-align: end;
+  text-align: right;
 }
 .text-center {
   text-align: center;
@@ -611,7 +611,7 @@ dd {
     width: 160px;
     overflow: hidden;
     clear: left;
-    text-align: end;
+    text-align: right;
     text-overflow: ellipsis;
     white-space: nowrap;
   }
@@ -656,7 +656,7 @@ blockquote .small:before {
 blockquote.pull-right {
   padding-right: 15px;
   padding-left: 0;
-  text-align: end;
+  text-align: right;
   border-right: 5px solid #eee;
   border-left: 0;
 }
@@ -1368,10 +1368,10 @@ caption {
   padding-top: 8px;
   padding-bottom: 8px;
   color: #777;
-  text-align: start;
+  text-align: left;
 }
 th {
-  text-align: start;
+  text-align: left;
 }
 .table {
   width: 100%;
@@ -2020,7 +2020,7 @@ select[multiple].form-group-lg .form-control {
   .form-horizontal .control-label {
     padding-top: 7px;
     margin-bottom: 0;
-    text-align: end;
+    text-align: right;
   }
 }
 .form-horizontal .has-feedback .form-control-feedback {
@@ -2100,7 +2100,7 @@ tbody.collapse.in {
   padding: 5px 0;
   margin: 2px 0 0;
   font-size: 14px;
-  text-align: start;
+  text-align: left;
   list-style: none;
   background-color: #fff;
   -webkit-background-clip: padding-box;
@@ -4114,7 +4114,7 @@ button.close {
 }
 .modal-footer {
   padding: 15px;
-  text-align: end;
+  text-align: right;
   border-top: 1px solid #e5e5e5;
 }
 .modal-footer .btn + .btn {
@@ -4268,7 +4268,7 @@ button.close {
   font-size: 14px;
   font-weight: normal;
   line-height: 1.42857143;
-  text-align: start;
+  text-align: left;
   white-space: normal;
   background-color: #fff;
   -webkit-background-clip: padding-box;
diff --git a/app/assets/stylesheets/zammad.scss b/app/assets/stylesheets/zammad.scss
index c054a866d..fcf53288d 100644
--- a/app/assets/stylesheets/zammad.scss
+++ b/app/assets/stylesheets/zammad.scss
@@ -3941,6 +3941,7 @@ footer {
   border: none;
   color: hsl(206,7%,28%);
   box-shadow: 0 1px 14px rgba(0,8,14,.25);
+  @include rtl(text-align, right);
 }
 
   .popover-body {
@@ -6048,6 +6049,7 @@ footer {
     padding: 23px 23px 20px;
     border: none;
     display: flex;
+    @include rtl(text-align, left);
   }
 
   .modal-leftFooter,
@@ -6093,6 +6095,7 @@ footer {
   border: none;
   box-shadow: none;
   overflow: hidden;
+  @include rtl(text-align, right);
 }
 
   .dropdown-menu kbd {