sergiotarxz/burguillos.info
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Improving sidebar menu.

Browse Source
This commit is contained in:
sergiotarxz 2023-09-28 19:21:04 +02:00
parent d832f0a3e4
commit b6f3f06324
2 changed files with 11 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
public/css/styles.css
View File

@ -17,10 +17,12 @@ body {
border-radius: 0.3em; border-radius: 0.3em;
height: 0.7em; height: 0.7em;
font-size: 0.7em; font-size: 0.7em;
padding: 0.15em; padding: 0.3em;
text-align: center; text-align: center;
justify-content: center; justify-content: center;
align-items: center; } align-items: center;
vertical-align: middle;
margin-bottom: 0.15em; }
body div.search-overlay { body div.search-overlay {
overflow-y: scroll; overflow-y: scroll;
display: none; display: none;
@ -200,7 +202,7 @@ body {
body nav.mobile-foldable { body nav.mobile-foldable {
position: fixed; position: fixed;
left: 100%; left: 100%;
width: 60%; width: 70%;
top: 60px; top: 60px;
height: calc(100% - 60px); height: calc(100% - 60px);
z-index: 500; z-index: 500;
@ -226,7 +228,7 @@ body {
margin-left: 40px; margin-left: 40px;
font-size: 1em; } font-size: 1em; }
body nav.mobile-foldable.show { body nav.mobile-foldable.show {
left: 40%; } left: 30%; }
body nav.mobile-shortcuts > a { body nav.mobile-shortcuts > a {
display: flex; display: flex;
align-items: center; align-items: center;

8
public/css/styles.scss
View File

@ -25,10 +25,12 @@ body {
border-radius: 0.3em; border-radius: 0.3em;
height: 0.7em; height: 0.7em;
font-size: 0.7em; font-size: 0.7em;
padding: 0.15em; padding: 0.3em;
text-align: center; text-align: center;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
vertical-align: middle;
margin-bottom: 0.15em;
} }
div.search-overlay { div.search-overlay {
@ -296,7 +298,7 @@ body {
nav.mobile-foldable { nav.mobile-foldable {
position: fixed; position: fixed;
left: 100%; left: 100%;
width: 60%; width: 70%;
top: 60px; top: 60px;
height: calc(100% - 60px); height: calc(100% - 60px);
z-index: 500; z-index: 500;
@ -334,7 +336,7 @@ body {
} }
nav.mobile-foldable.show { nav.mobile-foldable.show {
left: 40%; left: 30%;
} }
nav.mobile-shortcuts > a { nav.mobile-shortcuts > a {