mirror of
https://github.com/4cuck/teapawt.git
synced 2026-10-27 14:04:35 +00:00
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:
1 parent
a13e8ce0d3
commit
a427103cc2
2 files changed
+9
-32
No files matched your search
@@ -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
@@ -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" }
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Reference in new issue
Block a user