[yew-devel] [PATCH yew-widget-toolkit-assets] crisp: override style of sorted datatable headers

[Dominik Csapak]

to better match original extjs theme

Signed-off-by: Dominik Csapak <d.csapak at 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