Improve menu scrolling on small screens

master
Michael Rose 2014-02-26 15:20:30 -05:00
parent 062be19e2f
commit ae95c7192b
3 changed files with 11 additions and 9 deletions

View File

@ -1494,16 +1494,16 @@ svg:not(:root) {
.dl-menuwrapper li p {
padding: 15px 20px;
margin: 0;
font-size: 12px;
font-size: 0.75rem;
font-size: 14px;
font-size: 0.875rem;
color: rgba(255, 255, 255, 0.8);
}
.dl-menuwrapper li p a {
display: inline;
padding: 0;
font-size: 12px;
font-size: 0.75rem;
font-size: 14px;
font-size: 0.875rem;
}
.dl-menuwrapper li i {
@ -1557,7 +1557,9 @@ svg:not(:root) {
position: absolute;
width: 100%;
max-width: 400px;
max-height: 600px;
margin: 0;
overflow-y: auto;
pointer-events: none;
opacity: 0;
-webkit-transform: translateY(10px);
@ -1572,7 +1574,6 @@ svg:not(:root) {
@media only screen and (min-width: 48em) {
.dl-menuwrapper .dl-menu {
max-height: 650px;
overflow-y: auto;
-webkit-border-top-right-radius: 3px;
border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;

File diff suppressed because one or more lines are too long

View File

@ -71,12 +71,12 @@
p {
margin: 0;
padding: 15px 20px;
.font-rem(12);
.font-rem(14);
color: fade(@white,80);
a {
display: inline;
padding: 0;
.font-rem(12);
.font-rem(14);
}
}
i {
@ -125,6 +125,8 @@
position: absolute;
width: 100%;
max-width: 400px;
overflow-y: auto;
max-height: 600px;
opacity: 0;
pointer-events: none;
box-shadow: 0 12px 24px fade(@black,35);
@ -136,7 +138,6 @@
backface-visibility: hidden;
@media @medium {
.border-radius(3px,3px,3px,3px);
overflow-y: auto;
max-height: 650px;
}
}