* [yew-devel] [PATCH yew-widget-toolkit-assets] crisp: override style of sorted datatable headers
@ 2025-01-29 14:54 Dominik Csapak
0 siblings, 0 replies; only message in thread
From: Dominik Csapak @ 2025-01-29 14:54 UTC (permalink / raw)
To: yew-devel
to better match original extjs theme
Signed-off-by: Dominik Csapak <d.csapak@proxmox.com>
---
scss/crisp/_theme_post_crisp.scss | 13 +++++++++++++
1 file changed, 13 insertions(+)
diff --git a/scss/crisp/_theme_post_crisp.scss b/scss/crisp/_theme_post_crisp.scss
index ac4e6d3..bcb03ce 100644
--- a/scss/crisp/_theme_post_crisp.scss
+++ b/scss/crisp/_theme_post_crisp.scss
@@ -7,3 +7,16 @@
.pwt-content-spacer {
@include color-scheme-vars("neutral");
}
+
+/// .pwt-datatable-header-item.sorted``
+/// : add color to the whole header elment instead of just the text, like in extjs
+.pwt-datatable-header-item.sorted {
+ color: initial;
+ @include elevation-background-color($level: 3, $state: none);
+ &:hover {
+ @include elevation-background-color($level: 3, $state: hover);
+ }
+ &:active {
+ @include elevation-background-color($level: 3, $state: press);
+ }
+}
--
2.39.5
_______________________________________________
yew-devel mailing list
yew-devel@lists.proxmox.com
https://lists.proxmox.com/cgi-bin/mailman/listinfo/yew-devel
^ permalink raw reply [flat|nested] only message in thread
only message in thread, other threads:[~2025-01-29 14:54 UTC | newest]
Thread overview: (only message) (download: mbox.gz / follow: Atom feed)
-- links below jump to the message on this page --
2025-01-29 14:54 [yew-devel] [PATCH yew-widget-toolkit-assets] crisp: override style of sorted datatable headers Dominik Csapak
This is a public inbox, see mirroring instructions
for how to clone and mirror all data and code used for this inbox