Fix shadow css, show buttons

This commit is contained in:
codebicycle
2016-11-08 19:06:15 +02:00
parent 58429f5878
commit 81c5b8a884

View File

@@ -1,14 +1,14 @@
* { .vsc-controller * {
line-height: 1.8em; line-height: 1.8em;
font-family: Verdana, Geneva, sans-serif; font-family: Verdana, Geneva, sans-serif;
font-size: 13px; font-size: 13px;
} }
:host(:hover) #controls { .vsc-controller:hover #controls {
display: inline; display: inline;
} }
#controller { .vsc-controller #controller {
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; left: 0;
@@ -25,36 +25,36 @@
opacity: 0.3; opacity: 0.3;
} }
#controller:hover { .vsc-controller #controller:hover {
opacity: 0.7; opacity: 0.7;
} }
#controller:hover > .draggable { .vsc-controller #controller:hover > .draggable {
margin-right: 0.8em; margin-right: 0.8em;
} }
#controls { .vsc-controller #controls {
display: none; display: none;
} }
#controller.dragging { .vsc-controller #controller.dragging {
cursor: -webkit-grabbing; cursor: -webkit-grabbing;
opacity: 0.7; opacity: 0.7;
} }
#controller.dragging #controls { .vsc-controller #controller.dragging #controls {
display: inline; display: inline;
} }
.draggable { .vsc-controller .draggable {
cursor: -webkit-grab; cursor: -webkit-grab;
} }
.draggable:active { .vsc-controller .draggable:active {
cursor: -webkit-grabbing; cursor: -webkit-grabbing;
} }
button { .vsc-controller button {
cursor: pointer; cursor: pointer;
color: black; color: black;
background: white; background: white;
@@ -68,23 +68,23 @@ button {
margin-bottom: 2px; margin-bottom: 2px;
} }
button:focus { .vsc-controller button:focus {
outline: 0; outline: 0;
} }
button:hover { .vsc-controller button:hover {
opacity: 1.0; opacity: 1.0;
} }
button:active { .vsc-controller button:active {
background: #ccc; background: #ccc;
} }
button.rw { .vsc-controller button.rw {
opacity: 0.65; opacity: 0.65;
} }
button.hideButton { .vsc-controller button.hideButton {
margin-right: 2px; margin-right: 2px;
opacity: 0.5; opacity: 0.5;
} }