Use uiDisclosure for background pane subsections, move brightness

This commit is contained in:
Bryan Housel
2017-11-28 15:06:19 -05:00
parent 5a9749c516
commit d7e8625d6b
4 changed files with 352 additions and 287 deletions
+17 -24
View File
@@ -2307,7 +2307,7 @@ div.full-screen > button:hover {
padding: 5px 10px;
cursor: pointer;
color: #7092FF;
border-radius: 3px;
border-top: 1px solid #ccc;
}
.minimap-toggle.active {
@@ -2463,42 +2463,39 @@ div.full-screen > button:hover {
}
.background-control .nudge.right::after {
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-left: 5px solid #222;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-left: 5px solid #222;
}
.background-control .nudge.left::after {
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-right: 5px solid #222;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-right: 5px solid #222;
}
.background-control .nudge.top::after {
border-right: 5px solid transparent;
border-left: 5px solid transparent;
border-bottom: 5px solid #222;
border-right: 5px solid transparent;
border-left: 5px solid transparent;
border-bottom: 5px solid #222;
}
.background-control .nudge.bottom::after {
border-right: 5px solid transparent;
border-left: 5px solid transparent;
border-top: 5px solid #222;
border-right: 5px solid transparent;
border-left: 5px solid transparent;
border-top: 5px solid #222;
}
.opacity-options-wrapper {
padding: 10px;
}
.opacity-options {
background: url(img/background-pattern-opacity.png) 0 0 repeat;
height: 20px;
width: 82px;
position: absolute;
right: 50px;
top: 20px;
border: 1px solid #ccc;
}
[dir='rtl'] .opacity-options {
left: 50px;
right: auto;
}
.opacity-options li {
height: 100%;
@@ -2513,8 +2510,6 @@ div.full-screen > button:hover {
z-index: 9999;
}
.map-data-control li:hover .select-box,
.map-data-control li.selected .select-box,
.background-control li:hover .select-box,
.background-control li.selected .select-box {
border: 2px solid #7092ff;
@@ -2522,8 +2517,6 @@ div.full-screen > button:hover {
opacity: .5;
}
.map-data-control li.selected:hover .select-box,
.map-data-control li.selected .select-box,
.background-control li.selected:hover .select-box,
.background-control li.selected .select-box {
opacity: 1;