diff --git a/public/css/clean.css b/public/css/clean.css index 3644b95..45e9f24 100644 --- a/public/css/clean.css +++ b/public/css/clean.css @@ -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; } diff --git a/src/views/layout.rs b/src/views/layout.rs index e6a45e3..56ed6ea 100644 --- a/src/views/layout.rs +++ b/src/views/layout.rs @@ -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#""#)) - } - 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#""#)) - "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" } - } - } } } }