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
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

View file

@ -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;

View file

@ -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 {