mirror of
https://github.com/sbrl/Pepperminty-Wiki.git
synced 2024-11-26 05:32:59 +00:00
Fix issue where bottom nav is cut off
When sidebar is longer than page, the left nav bar button is hidden. Add rule to default styles to change nav.bottom to position: relative when there is a sidebar present
This commit is contained in:
parent
7c5da3f6a9
commit
3264c53f92
2 changed files with 3570 additions and 3568 deletions
|
@ -230,6 +230,7 @@ input[type=search] { width: 14rem; padding: 0.3rem 0.4rem; font-size: 1rem; colo
|
||||||
input[type=search]::-webkit-input-placeholder { color : rgba(255, 255, 255, 0.75); }
|
input[type=search]::-webkit-input-placeholder { color : rgba(255, 255, 255, 0.75); }
|
||||||
input[type=button], input[type=submit] { cursor: pointer; }
|
input[type=button], input[type=submit] { cursor: pointer; }
|
||||||
|
|
||||||
|
.sidebar + .main-container nav.bottom { position: relative; }
|
||||||
.sidebar { position: relative; z-index: 100; margin-top: 0.6rem; padding: 1rem 3rem 2rem 0.4rem; background: #9e7eb4; box-shadow: inset -0.6rem 0 0.8rem -0.5rem rgba(50, 50, 50, 0.5); }
|
.sidebar { position: relative; z-index: 100; margin-top: 0.6rem; padding: 1rem 3rem 2rem 0.4rem; background: #9e7eb4; box-shadow: inset -0.6rem 0 0.8rem -0.5rem rgba(50, 50, 50, 0.5); }
|
||||||
.sidebar a { color: #ffa74d; }
|
.sidebar a { color: #ffa74d; }
|
||||||
|
|
||||||
|
|
|
@ -21,6 +21,7 @@ input[type=search] { width: 14rem; padding: 0.3rem 0.4rem; font-size: 1rem; colo
|
||||||
input[type=search]::-webkit-input-placeholder { color : rgba(255, 255, 255, 0.75); }
|
input[type=search]::-webkit-input-placeholder { color : rgba(255, 255, 255, 0.75); }
|
||||||
input[type=button], input[type=submit] { cursor: pointer; }
|
input[type=button], input[type=submit] { cursor: pointer; }
|
||||||
|
|
||||||
|
.sidebar + .main-container nav.bottom { position: relative; }
|
||||||
.sidebar { position: relative; z-index: 100; margin-top: 0.6rem; padding: 1rem 3rem 2rem 0.4rem; background: #9e7eb4; box-shadow: inset -0.6rem 0 0.8rem -0.5rem rgba(50, 50, 50, 0.5); }
|
.sidebar { position: relative; z-index: 100; margin-top: 0.6rem; padding: 1rem 3rem 2rem 0.4rem; background: #9e7eb4; box-shadow: inset -0.6rem 0 0.8rem -0.5rem rgba(50, 50, 50, 0.5); }
|
||||||
.sidebar a { color: #ffa74d; }
|
.sidebar a { color: #ffa74d; }
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue