yetangitu/canvas-based-HTML5-Comic-Book-Reader
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

trigger drop down menus on touch in mobile

Browse source
This commit is contained in:
Bala Clark 2013-08-17 23:30:50 +02:00
parent ea42cb3ddc
commit 22402e640a
5 changed files with 29 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

2
css/styles.css
View file

@ -32,7 +32,7 @@
position: relative;
}
.navigate:hover {
body:not(.mobile) .navigate:hover {
opacity: 1;
}

18
css/toolbar.css
View file

@ -23,7 +23,7 @@ button, input, label {
background-color: black;
background-image: linear-gradient(to bottom, rgb(80, 80, 80), rgb(17, 17, 17));
overflow: visible;
padding: 8px;
padding: 0.75em;
position: fixed;
left: 0;
right: 0;
@ -34,6 +34,10 @@ button, input, label {
transition: opacity 0.2s ease-in-out;
}
.mobile .toolbar {
opacity: 1;
}
.toolbar:hover {
opacity: 1;
}
@ -56,7 +60,7 @@ button, input, label {
}
.toolbar li > button {
font-size: 16px;
font-size: 1.5em;
padding: 0 12px;
}
@ -69,7 +73,7 @@ button, input, label {
}
.toolbar .dropdown {
font-size: 12px;
font-size: 1em;
position: absolute;
width: 212px;
background-color: white;
@ -81,7 +85,7 @@ button, input, label {
display: none;
}
.toolbar li:hover > .dropdown {
body:not(.mobile) .toolbar li:hover > .dropdown {
display: block;
}
@ -97,12 +101,16 @@ button, input, label {
content: '';
}
.toolbar .close {
display: none;
}
.dropdown .control-group {
padding: 8px;
}
.dropdown .sliders {
font-size: 16px;
font-size: 1.5em;
}
.dropdown .control-group span {