Add CSS on mouse interaction with card (#6636)

holoviz · May 9, 2024 · 1f3449b · 1f3449b
1 parent d011fc1
commit 1f3449b
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 1 deletion.
diff --git a/panel/styles/models/card.less b/panel/styles/models/card.less
@@ -25,7 +25,17 @@
   outline: unset;
   position: sticky;
   width: 100%;
+  margin-right: 0.5em;
   padding-inline: 0.5em;
+  cursor: pointer;
+}
+
+.card-header:hover {
+  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
+}
+
+.card-header:not(:hover) {
+  box-shadow: 0 0 3px rgba(0, 0, 0, 0.0);
 }
 
 .accordion-header {
@@ -38,12 +48,15 @@
   justify-content: start;
   position: sticky;
   width: 100%;
+  cursor: pointer;
 }
 
 .card-button {
   background-color: transparent;
   margin-left: 0em;
   margin-right: 0.25em;
+  height: 12px;
+  width: 12px;
 }
 
 .card-header-row {

diff --git a/panel/theme/css/fast.css b/panel/theme/css/fast.css
@@ -164,7 +164,6 @@ img {
 
 .card-button {
   display: block;
-  margin-left: 0.5em;
 }
 
 :host(.card-title) h1,