From: Dominik Csapak <d.csapak@proxmox.com>
To: yew-devel@lists.proxmox.com
Subject: [yew-devel] [PATCH yew-widget-toolkit-assets 1/1] material: tab panel: fix secondary tab bar style
Date: Mon, 12 Jan 2026 13:09:02 +0100 [thread overview]
Message-ID: <20260112120907.1947324-3-d.csapak@proxmox.com> (raw)
In-Reply-To: <20260112120907.1947324-1-d.csapak@proxmox.com>
secondary tabbars should align the icon in a row, not a column, and also
the icon should use the same size as the text.
Use the new 'primary' and 'secondary' classes on the tabbars to
differentiate them.
Signed-off-by: Dominik Csapak <d.csapak@proxmox.com>
---
scss/material/_theme_post_material.scss | 20 ++++++++++++++++----
1 file changed, 16 insertions(+), 4 deletions(-)
diff --git a/scss/material/_theme_post_material.scss b/scss/material/_theme_post_material.scss
index 0f448cb..c88b055 100644
--- a/scss/material/_theme_post_material.scss
+++ b/scss/material/_theme_post_material.scss
@@ -35,15 +35,27 @@ ul.pwt-menubar {
span {
display: flex;
- flex-direction: column;
align-items: center;
- gap: 0;
+ }
+ }
+
+ &.primary {
+ .pwt-nav-link {
+ span {
+ gap: 0;
+ flex-direction: column;
- &:before {
- font-size: map-get($font-size, "headline-small");
+ &:before {
+ font-size: map-get($font-size, "headline-small");
+ }
}
}
}
+ &.secondary {
+ span {
+ flex-direction: row;
+ }
+ }
}
/// `pwt-datatable-content tr`
--
2.47.3
_______________________________________________
yew-devel mailing list
yew-devel@lists.proxmox.com
https://lists.proxmox.com/cgi-bin/mailman/listinfo/yew-devel
next prev parent reply other threads:[~2026-01-12 12:09 UTC|newest]
Thread overview: 4+ messages / expand[flat|nested] mbox.gz Atom feed top
2026-01-12 12:09 [yew-devel] [PATCH yew-widget-toolkit/yew-widget-toolkit-assets 0/2] fix style for secondary material style tabs Dominik Csapak
2026-01-12 12:09 ` [yew-devel] [PATCH yew-widget-toolkit 1/1] widget: tab panel: mark material tabs with css class for variants Dominik Csapak
2026-01-12 12:09 ` Dominik Csapak [this message]
2026-01-12 15:26 ` [yew-devel] applied: [PATCH yew-widget-toolkit/yew-widget-toolkit-assets 0/2] fix style for secondary material style tabs Dietmar Maurer
Reply instructions:
You may reply publicly to this message via plain-text email
using any one of the following methods:
* Save the following mbox file, import it into your mail client,
and reply-to-all from there: mbox
Avoid top-posting and favor interleaved quoting:
https://en.wikipedia.org/wiki/Posting_style#Interleaved_style
* Reply using the --to, --cc, and --in-reply-to
switches of git-send-email(1):
git send-email \
--in-reply-to=20260112120907.1947324-3-d.csapak@proxmox.com \
--to=d.csapak@proxmox.com \
--cc=yew-devel@lists.proxmox.com \
/path/to/YOUR_REPLY
https://kernel.org/pub/software/scm/git/docs/git-send-email.html
* If your mail client supports setting the In-Reply-To header
via mailto: links, try the mailto: link
Be sure your reply has a Subject: header at the top and a blank line
before the message body.
This is a public inbox, see mirroring instructions
for how to clone and mirror all data and code used for this inbox