Itmens/lib.itmens
Itmens/lib.itmens
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

tweak header

Browse source
This commit is contained in:
Your Name 2024-05-29 21:34:34 -04:00 • committed by Henri Dickson
parent 7f9cf95657
commit 2df03cbfe0
2 changed files with 42 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

34
common/static/scss/_header.scss
View file

@ -133,21 +133,41 @@ body {
.nav-search {
order: 999;
display: none;
min-width: unset !important;
li {
padding: 0px;
padding-bottom: 4px;
select {
max-width: 6em !important;
}
input[type="submit"] {
padding-left: calc(var(--pico-nav-link-spacing-horizontal)*1);
padding-right: calc(var(--pico-nav-link-spacing-horizontal)*1);
}
}
}
.nav-search li {
padding: 0px;
padding-bottom: 4px;
.nav-links li.small-only {
font-size: 150%;
a {
color: var(--pico-secondary);
}
}
.nav-dropdown {
li {
padding-left: 0;
padding-right: 0;
.nav-search input[type="submit"] {
padding-left: calc(var(--pico-nav-link-spacing-horizontal)*1);
padding-right: calc(var(--pico-nav-link-spacing-horizontal)*1);
summary {
padding: 0 !important;
}
}
}
/*
.nav-dropdown::after {
flex-basis: 100%;
width: 0;
}
*/
}
}

20
common/templates/_header.html
View file

@ -49,19 +49,29 @@
</form>
</li>
</ul>
<ul>
<ul class="nav-links">
<li class="small-only">
<a _="on click toggle .unhide on .nav-search then call #q.focus()">{% trans 'Search' %}</a>
<a _="on click toggle .unhide on .nav-search then call #q.focus()"
href="#"><i class="fa-solid fa-magnifying-glass"></i></a>
</li>
<li>
<li class="small-only">
<a href="{% url 'catalog:discover' %}"><i class="fa-solid fa-globe"></i></a>
</li>
<li class="small-only">
<a href="{% url 'social:feed' %}"><i class="fa-solid fa-users"></i></a>
</li>
<li class="small-only">
<a href="{% url 'common:me' %}"><i class="fa-solid fa-house-user"></i></a>
</li>
<li class="large-only">
<a class="{% if current == 'discover' %}secondary{% endif %}"
href="{% url 'catalog:discover' %}">{% trans 'Explore' %}</a>
</li>
<li>
<li class="large-only">
<a class="{% if current == 'timeline' %}secondary{% endif %}"
href="{% url 'social:feed' %}">{% trans 'Feed' %}</a>
</li>
<li>
<li class="large-only">
<a class="{% if current == 'home' %}secondary{% endif %}"
href="{% url 'common:me' %}">{% trans 'Home' %}</a>
</li>