Add dragOver and dragging styles
This commit is contained in:
parent
b47f0c1939
commit
eb0462ba0e
@ -1615,7 +1615,10 @@ input[type="checkbox"]:checked ~ .checkbox-letter {
|
|||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
position: relative;
|
position: relative;
|
||||||
text-shadow: 0 0 2px #000;
|
text-shadow: 0 0 2px #000;
|
||||||
-moz-transition: opacity .25s ease-in-out;
|
-webkit-transition: opacity .25s ease-in-out, -webkit-transform .25s ease-in-out;
|
||||||
|
transition: opacity .25s ease-in-out, -webkit-transform .25s ease-in-out;
|
||||||
|
transition: opacity .25s ease-in-out, transform .25s ease-in-out;
|
||||||
|
transition: opacity .25s ease-in-out, transform .25s ease-in-out, -webkit-transform .25s ease-in-out;
|
||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
}
|
}
|
||||||
@ -1636,9 +1639,15 @@ input[type="checkbox"]:checked ~ .checkbox-letter {
|
|||||||
}
|
}
|
||||||
.qr-preview.drag {
|
.qr-preview.drag {
|
||||||
box-shadow: 0 0 10px rgba(0,0,0,.5);
|
box-shadow: 0 0 10px rgba(0,0,0,.5);
|
||||||
|
-webkit-transform: scale(.8);
|
||||||
|
transform: scale(.8);
|
||||||
}
|
}
|
||||||
.qr-preview.over {
|
.qr-preview.over {
|
||||||
border-color: #fff;
|
border-color: #fff;
|
||||||
|
-webkit-transform: scale(1.1);
|
||||||
|
transform: scale(1.1);
|
||||||
|
opacity: 0.9;
|
||||||
|
z-index: 10;
|
||||||
}
|
}
|
||||||
.qr-preview > span {
|
.qr-preview > span {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user