Fix RTL for flash messages

This commit is contained in:
Bryan Housel
2017-02-22 22:02:35 -05:00
parent dc2318ab63
commit 38f6d2d2bf
+28 -38
View File
@@ -2542,6 +2542,7 @@ img.tile-removing {
height: 30px;
}
#flash-wrap {
display: flex;
flex: 0 0 100%;
@@ -2562,6 +2563,7 @@ img.tile-removing {
height: 30px;
}
#flash-wrap svg.operation-icon {
flex: 0 0 auto;
width: 20px;
@@ -2630,6 +2632,9 @@ img.tile-removing {
fill: #ccc;
text-anchor: start;
}
[dir='rtl'] #scale text {
text-anchor: end;
}
#scale path {
fill: none;
@@ -2638,12 +2643,19 @@ img.tile-removing {
shape-rendering: crispEdges;
}
#about-list {
text-align: right;
margin-right: 10px;
clear: right;
overflow: hidden;
}
[dir='rtl'] #about-list {
text-align: left;
clear: left;
margin-left: 10px;
margin-right: 0;
}
#about-list li {
float: right;
@@ -2651,12 +2663,24 @@ img.tile-removing {
padding: 5px 0 5px 5px;
margin-left: 5px;
}
[dir='rtl'] #about-list li {
float: left;
border-left: none;
border-right: 1px solid rgba(255,255,255,.5);
margin-left: 0;
margin-right: 5px;
padding: 5px 5px 5px 0;
}
#about-list li:last-child {
border-left: 0;
margin-left: 0;
padding-left: 0;
}
[dir='rtl'] #about-list li:last-child {
border-right: none;
}
.source-switch a {
padding: 2px 4px 4px 4px;
@@ -2684,6 +2708,9 @@ img.tile-removing {
color: #eee;
flex: 1 1 auto;
}
[dir='rtl'] .api-status {
text-align: left;
}
.api-status.offline,
.api-status.readonly,
@@ -2698,6 +2725,7 @@ img.tile-removing {
color: #ccf;
}
/* Modals
------------------------------------------------------- */
@@ -3783,44 +3811,6 @@ img.tile-removing {
-ms-filter: "FlipH";
}
[dir='rtl'] #flash-wrap .content {
display: flex;
flex-direction: row-reverse;
}
/* footer */
[dir='rtl'] #scale-block {
float: right;
clear: right;
}
[dir='rtl'] #info-block {
clear: left;
}
[dir='rtl'] #about-list {
text-align: left;
clear: left;
margin-left: 10px;
margin-right: 0;
}
[dir='rtl'] #about-list li {
float: left;
border-left: none;
border-right: 1px solid rgba(255,255,255,.5);
margin-left: 0;
margin-right: 5px;
padding: 5px 5px 5px 0;
}
[dir='rtl'] #about-list li:last-child {
border-right: none;
}
[dir='rtl'] #scale text {
text-anchor: end;
}
/* increment / decrement control - code by Naoufel Razouane */