Flexbox the background and map data layer lists

This commit is contained in:
Quincy Morgan
2019-08-03 12:24:56 -04:00
parent 31bf5a063a
commit d44d70847d
3 changed files with 37 additions and 40 deletions
+7 -9
View File
@@ -3078,6 +3078,7 @@ div.full-screen > button:hover {
background-color: #fff;
color: #7092ff;
position: relative;
display: flex;
}
.layer-list:empty {
@@ -3108,9 +3109,8 @@ div.full-screen > button:hover {
}
.layer-list li.best > div.best {
display: inline-block;
padding: 5px;
float: right;
flex: 0 0 auto;
}
[dir='rtl'] .list-item-data-browse svg {
@@ -3124,9 +3124,9 @@ div.full-screen > button:hover {
}
.layer-list label {
display: block;
padding: 5px 10px;
cursor: pointer;
flex: 1 1 auto;
}
[dir='ltr'] .layer-list .indented label {
@@ -3145,7 +3145,6 @@ div.full-screen > button:hover {
.map-data-pane .layer-list button,
.background-pane .layer-list button {
float: right;
height: 100%;
border-left: 1px solid #ccc;
border-radius: 0;
@@ -3154,7 +3153,6 @@ div.full-screen > button:hover {
}
[dir='rtl'] .map-data-pane .layer-list button,
[dir='rtl'] .background-pane .layer-list button {
float: left;
border-left: none;
border-right: 1px solid #ccc;
}
@@ -3164,12 +3162,12 @@ div.full-screen > button:hover {
opacity: 0.5;
}
.map-data-pane .layer-list button:first-of-type,
.background-pane .layer-list button:first-of-type {
.map-data-pane .layer-list button:last-of-type,
.background-pane .layer-list button:last-of-type {
border-radius: 0 3px 3px 0;
}
[dir='rtl'] .map-data-pane .layer-list button:first-of-type,
[dir='rtl'] .background-pane .layer-list button:first-of-type {
[dir='rtl'] .map-data-pane .layer-list button:last-of-type,
[dir='rtl'] .background-pane .layer-list button:last-of-type {
border-radius: 3px 0 0 3px;
}