yann/hugo-scroll
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

Visual guard for left menu to improve readability against dark section background

Browse source
This commit is contained in:
Zdenek K 2023-04-04 22:35:38 +02:00
parent 4bbbd9b81d
commit 20549022f5
2 changed files with 5 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
assets/css/responsiveness.scss
View file

@ -4,6 +4,7 @@
========================================================================== */ ========================================================================== */
@media only screen and (max-width: 1130px) { @media only screen and (max-width: 1130px) {
/* makes it a top sticky menu */
.fixed-nav { .fixed-nav {
opacity: 1; opacity: 1;
position: fixed; position: fixed;

6
assets/css/theme.scss
View file

@ -96,12 +96,14 @@ body {
} }
// ========== Sticky menus =========== // ========== Sticky menus ===========
/* Left sticky menu */
.fixed-nav { .fixed-nav {
background-color: var(--section-light-bg-color);
border-radius: 0 25px 20px 0;
padding: 1em 1.5em;
display: none; display: none;
opacity: 1;
position: fixed; position: fixed;
top: 40px; top: 40px;
left: 2%;
z-index: 99999; z-index: 99999;
font-family: "Open Sans Condensed", sans-serif; font-family: "Open Sans Condensed", sans-serif;
text-transform: uppercase; text-transform: uppercase;