Adding fold from right.

This commit is contained in:
Sergiotarxz 2023-09-28 00:32:13 +02:00
parent 204c109b59
commit 5b822e5077
2 changed files with 5 additions and 4 deletions

View File

@ -176,11 +176,10 @@ body {
position: fixed; position: fixed;
background: blueviolet; background: blueviolet;
color: #f2eb8c; color: #f2eb8c;
left: -100%; left: 100%;
width: 100%; width: 100%;
top: 60px; top: 60px;
height: calc(100% - 60px); height: calc(100% - 60px);
display: block;
z-index: 500; z-index: 500;
transition: left 0.5s ease-in; } transition: left 0.5s ease-in; }
body nav.mobile-foldable a { body nav.mobile-foldable a {
@ -193,6 +192,7 @@ body {
body nav.mobile-foldable div.child-categories-mobile { body nav.mobile-foldable div.child-categories-mobile {
padding-left: 10%; } padding-left: 10%; }
body nav.mobile-foldable.show { body nav.mobile-foldable.show {
display: block;
left: 0; } left: 0; }
body nav.mobile-shortcuts > a { body nav.mobile-shortcuts > a {
display: flex; display: flex;

View File

@ -264,13 +264,13 @@ body {
position: fixed; position: fixed;
background: $background_div; background: $background_div;
color: $color_div; color: $color_div;
left: -100%; left: 100%;
width: 100%; width: 100%;
top: 60px; top: 60px;
height: calc(100% - 60px); height: calc(100% - 60px);
display: block;
z-index: 500; z-index: 500;
transition: left 0.5s ease-in; transition: left 0.5s ease-in;
a { a {
@ -289,6 +289,7 @@ body {
} }
nav.mobile-foldable.show { nav.mobile-foldable.show {
display: block;
left: 0; left: 0;
} }