sergiotarxz/owlcode.tech
1
0
Fork 0
Code Issues 1 Pull Requests Releases Wiki Activity

Fixing mobile version menu.

Browse Source
This commit is contained in:
sergiotarxz 2022-11-14 03:56:36 +01:00
parent 379072fa87
commit 6447a80b2b
2 changed files with 10 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
public/css/styles.scss
View File

@ -190,15 +190,18 @@ body {
}
}
a.menu-expand {
position: relative;
float: right;
padding-bottom: 9px;
}
}
nav.mobile-shortcuts {
position: fixed;
background: $background_div;
display: flex;
width: 100%;
div {
width: 65%;
background: $background_div;
}
}
nav.desktop {
display: none;

5
templates/layouts/default.html.ep
View File

@ -30,9 +30,12 @@
%></nav>
<nav class="mobile-shortcuts">
<a class="go-to-index" href="<%='/'.$categories->{index}{slug}%>"><%== $categories->{index}{menu_text} %></a>
<div></div>
<a href="#mobile-foldable" class="menu-expand"><img class="open-menu-icon" src="/img/menu.png" alt="Expandir el menú."/></a>
</nav>
<nav class="mobile-foldable" id="mobile-foldable"><% for my $category_key (sort {
<nav class="mobile-foldable" id="mobile-foldable"><%
my $first = 1;
for my $category_key (sort {
$categories->{$a}{priority} <=> $categories->{$b}{priority}
} keys %$categories) {
my $category = $categories->{$category_key};