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

Fixing mobile version menu.

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 { a.menu-expand {
position: relative; padding-bottom: 9px;
float: right;
} }
} }
nav.mobile-shortcuts { nav.mobile-shortcuts {
position: fixed; position: fixed;
background: $background_div; display: flex;
width: 100%; width: 100%;
div {
width: 65%;
background: $background_div;
}
} }
nav.desktop { nav.desktop {
display: none; display: none;

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

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