Sutty/trabajo-afectivo
5
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

RTL: fix text-align regression in IE and Edge

Browse source 
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
This commit is contained in:
Felix Niklas 2017-07-28 16:58:13 +02:00
parent 68ec0756d9
commit 1ce4c024ce
2 changed files with 13 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
app/assets/stylesheets/bootstrap.css vendored
View file

@ -479,10 +479,10 @@ mark,
background-color: #fcf8e3; background-color: #fcf8e3;
} }
.text-left { .text-left {
text-align: start; text-align: left;
} }
.text-right { .text-right {
text-align: end; text-align: right;
} }
.text-center { .text-center {
text-align: center; text-align: center;
@ -611,7 +611,7 @@ dd {
width: 160px; width: 160px;
overflow: hidden; overflow: hidden;
clear: left; clear: left;
text-align: end; text-align: right;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
} }
@ -656,7 +656,7 @@ blockquote .small:before {
blockquote.pull-right { blockquote.pull-right {
padding-right: 15px; padding-right: 15px;
padding-left: 0; padding-left: 0;
text-align: end; text-align: right;
border-right: 5px solid #eee; border-right: 5px solid #eee;
border-left: 0; border-left: 0;
} }
@ -1368,10 +1368,10 @@ caption {
padding-top: 8px; padding-top: 8px;
padding-bottom: 8px; padding-bottom: 8px;
color: #777; color: #777;
text-align: start; text-align: left;
} }
th { th {
text-align: start; text-align: left;
} }
.table { .table {
width: 100%; width: 100%;
@ -2020,7 +2020,7 @@ select[multiple].form-group-lg .form-control {
.form-horizontal .control-label { .form-horizontal .control-label {
padding-top: 7px; padding-top: 7px;
margin-bottom: 0; margin-bottom: 0;
text-align: end; text-align: right;
} }
} }
.form-horizontal .has-feedback .form-control-feedback { .form-horizontal .has-feedback .form-control-feedback {
@ -2100,7 +2100,7 @@ tbody.collapse.in {
padding: 5px 0; padding: 5px 0;
margin: 2px 0 0; margin: 2px 0 0;
font-size: 14px; font-size: 14px;
text-align: start; text-align: left;
list-style: none; list-style: none;
background-color: #fff; background-color: #fff;
-webkit-background-clip: padding-box; -webkit-background-clip: padding-box;
@ -4114,7 +4114,7 @@ button.close {
} }
.modal-footer { .modal-footer {
padding: 15px; padding: 15px;
text-align: end; text-align: right;
border-top: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5;
} }
.modal-footer .btn + .btn { .modal-footer .btn + .btn {
@ -4268,7 +4268,7 @@ button.close {
font-size: 14px; font-size: 14px;
font-weight: normal; font-weight: normal;
line-height: 1.42857143; line-height: 1.42857143;
text-align: start; text-align: left;
white-space: normal; white-space: normal;
background-color: #fff; background-color: #fff;
-webkit-background-clip: padding-box; -webkit-background-clip: padding-box;

3
app/assets/stylesheets/zammad.scss
View file

@ -3941,6 +3941,7 @@ footer {
border: none; border: none;
color: hsl(206,7%,28%); color: hsl(206,7%,28%);
box-shadow: 0 1px 14px rgba(0,8,14,.25); box-shadow: 0 1px 14px rgba(0,8,14,.25);
@include rtl(text-align, right);
} }
.popover-body { .popover-body {
@ -6048,6 +6049,7 @@ footer {
padding: 23px 23px 20px; padding: 23px 23px 20px;
border: none; border: none;
display: flex; display: flex;
@include rtl(text-align, left);
} }
.modal-leftFooter, .modal-leftFooter,
@ -6093,6 +6095,7 @@ footer {
border: none; border: none;
box-shadow: none; box-shadow: none;
overflow: hidden; overflow: hidden;
@include rtl(text-align, right);
} }
.dropdown-menu kbd { .dropdown-menu kbd {