mirror of
https://github.com/FoggedLens/iD.git
synced 2026-06-04 05:58:09 +02:00
Flexbox the background and map data layer lists
This commit is contained in:
+7
-9
@@ -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;
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user