phundrak/langue-phundrak-com
Archived
1
0
Fork 0
Code Issues Pull Requests Releases Activity

Fixed position of dropdowns that overlapped with navbar

Browse Source
This commit is contained in:
Lucien Cartier-Tilet 2020-05-02 15:54:03 +02:00
parent 70c1e8153e
commit 7759dde4b6
Signed by: phundrak
GPG Key ID: BD7789E705CB8DCA
1 changed files with 8 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
web/style/style.scss
View File

@ -308,14 +308,14 @@ header {
&:focus-within { &:focus-within {
.dropdown { .dropdown {
opacity: 1; opacity: 1;
top: $navbar-height / 1.3; top: $navbar-height;
z-index: 5; z-index: 5;
pointer-events: auto; pointer-events: auto;
} }
#table-of-contents { #table-of-contents {
opacity: 1;
top: $navbar-height / 1.3; top: $navbar-height / 1.3;
opacity: 1;
z-index: 5; z-index: 5;
height: 500%; height: 500%;
pointer-events: auto; pointer-events: auto;
@ -353,10 +353,13 @@ header {
float: right; float: right;
overflow-y: auto; overflow-y: auto;
height: 0%; height: 0%;
width: 400px; width: 75%;
transform: translateX(0); min-width: 350px;
transition: height 500ms ease-in-out, opacity 500ms ease-in-out; transform: translateX(-45%);
font-size: 0.9em; font-size: 0.9em;
top: -40px;
transition: height 500ms ease-in-out, opacity 500ms ease-in-out, top 500ms ease-in-out;
h2 { h2 {
font-size: 1.2em; font-size: 1.2em;