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:
parent
68ec0756d9
commit
1ce4c024ce
2 changed files with 13 additions and 10 deletions
20
app/assets/stylesheets/bootstrap.css
vendored
20
app/assets/stylesheets/bootstrap.css
vendored
|
@ -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;
|
||||||
|
|
|
@ -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 {
|
||||||
|
|
Loading…
Reference in a new issue