Restore the icon navbar and drop the hamburger menu.

Icons stay in the top bar with hover titles so you do not need an extra click.
This commit is contained in:
4cuck committed 2026-08-30 02:10:00 +00:00
1 parent a13e8ce0d3
commit a427103cc2
2 files changed
+9 -32

No files matched your search

+8 -2
View File
@@ -57,8 +57,13 @@ nav {
.nav-item { height: 56px; line-height: normal; }
.nav-icon { width: 38px; height: 38px; border-radius: 6px; }
.nav-icon:hover { background: var(--bg_hover); color: var(--text); }
.inner-nav > .nav-item.right { display: none; }
.mobile-nav { display: block; position: relative; }
.inner-nav > .nav-item.right {
display: flex;
flex-wrap: nowrap;
overflow: visible;
gap: 2px;
}
.mobile-nav { display: none; }
.mobile-nav > summary {
display: grid;
width: 38px;
@@ -870,6 +875,7 @@ input[type="text"], input[type="date"], input[type="number"], select {
main .container { padding: 68px 0 32px; }
.inner-nav { padding: 0 12px; }
.site-name { display: none; }
.nav-icon { width: 32px; height: 32px; }
.profile-tabs { display: block; }
.profile-tab, .profile-tab.sticky { position: static; margin-bottom: 12px; }
.profile-banner, .profile-card, .photo-rail-card, .tab, .timeline, .timeline-none, .timeline-protected, .timeline-end, .preferences-panel { border-left: 0; border-right: 0; border-radius: 0; }
+1 -30
View File
@@ -14,7 +14,7 @@ use crate::{
};
pub const STYLE_CSS: &str = "/css/style.css";
pub const CLEAN_CSS: &str = "/css/clean.css";
pub const CLEAN_CSS: &str = "/css/clean.css?navicons";
pub const FONTELLO_CSS: &str = "/css/fontello.css";
/// Builder for rendering a full page layout.
@@ -330,35 +330,6 @@ pub fn render_navbar_full(config: &Config, rss: &str, canonical: &str, referer:
span class="icon-cog" aria-hidden="true" {}
}
}
details class="mobile-nav" {
summary aria-label="Open navigation menu" {
(PreEscaped(r#"<svg viewBox="0 0 24 24" width="19" height="19" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" aria-hidden="true"><path d="M4 7h16M4 12h16M4 17h16"/></svg>"#))
}
div class="mobile-nav-menu" {
a href="https://owo.vg" target="_blank" rel="noopener noreferrer" {
img src="/public/icons/4chan.png" alt="" width="18" height="18";
"owo.vg"
}
a href="https://soyjak.cf" target="_blank" rel="noopener noreferrer" {
img src=(random_soyjak_icon()) alt="" width="18" height="18";
"soyjak.cf"
}
a href="https://awoo.cf" target="_blank" rel="noopener noreferrer" {
img src="/public/icons/awoo.png" alt="" width="18" height="18";
"awoo.cf"
}
a href="/search" { span class="icon-search" aria-hidden="true" {} "Search" }
@if config.config.enable_rss && !rss.is_empty() {
a href=(rss) { span class="icon-rss" aria-hidden="true" {} "RSS feed" }
}
a href=(&canonical) {
(PreEscaped(r#"<svg viewBox="0 0 24 24" width="15" height="15" fill="currentColor" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-4.714-6.231-5.401 6.231H2.744l7.737-8.834L1.254 2.25H8.08l4.259 5.622L18.244 2.25zm-1.161 17.52h1.833L7.084 4.126H5.117L17.083 19.77z"/></svg>"#))
"Open in X"
}
a href="/about" { span class="icon-info" aria-hidden="true" {} "About" }
a href=(&settings_href) { span class="icon-cog" aria-hidden="true" {} "Preferences" }
}
}
}
}
}