mirror of
https://github.com/MinimalBible/MinimalBible.github.io
synced 2024-12-13 10:18:18 -05:00
Improve menu scrolling on small screens
This commit is contained in:
parent
062be19e2f
commit
ae95c7192b
@ -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;
|
||||
|
2
assets/css/main.min.css
vendored
2
assets/css/main.min.css
vendored
File diff suppressed because one or more lines are too long
@ -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;
|
||||
}
|
||||
}
|
||||
|
Loading…
Reference in New Issue
Block a user