diff options
| author | Michael Rose <est.michael@gmail.com> | 2016-06-28 18:37:25 +0300 |
|---|---|---|
| committer | Michael Rose <est.michael@gmail.com> | 2016-06-28 18:37:25 +0300 |
| commit | e4dece88d907c11add6f3960cc38ece593927af1 (patch) | |
| tree | 1be092fac1a0afd921425f17f995d6dc92f3e075 | |
| parent | 641e9ebe910c4870e95c201d10d10438e04f0de3 (diff) | |
Improve menu height/scrolling when taller than viewport
- Fixes #14
| -rw-r--r-- | _sass/_dl-menu.scss | 8 |
1 files changed, 4 insertions, 4 deletions
diff --git a/_sass/_dl-menu.scss b/_sass/_dl-menu.scss index 1f9adc1..8ae7d0d 100644 --- a/_sass/_dl-menu.scss +++ b/_sass/_dl-menu.scss @@ -1,5 +1,6 @@ .dl-menuwrapper { width: 100%; + height: 100%; position: absolute; top: 0; left: 0; @@ -123,11 +124,11 @@ } .dl-menu { margin: 0; - position: absolute; + position: relative; width: 100%; - max-width: 400px; + max-height: 90%; overflow-y: auto; - max-height: 600px; + overflow-x: hidden; opacity: 0; pointer-events: none; box-shadow: 0 12px 24px rgba($black,0.4); @@ -140,7 +141,6 @@ z-index: inherit; @media #{$medium} { @include border-radius(3px,3px,3px,3px); - max-height: 650px; } } .dl-menu.dl-menu-toggle { |