Fix primefaces#29: Arya Tabview AccordionView CSS

melloware · Aug 7, 2023 · 45fb3b3 · 45fb3b3
1 parent 59716f2
commit 45fb3b3
Showing 1 changed file with 28 additions and 0 deletions.
diff --git a/themes/arya/_extensions.scss b/themes/arya/_extensions.scss
@@ -1,3 +1,31 @@
+.p-accordion {
+    .p-accordion-header {
+        .p-accordion-header-link {
+            transition: background-color $transitionDuration, border-color $transitionDuration, box-shadow $transitionDuration;
+        }
+    }
+}
+
+.p-tabview {
+    .p-tabview-nav {
+        li {
+            .p-tabview-nav-link {
+                transition: background-color $transitionDuration, border-color $transitionDuration, box-shadow $transitionDuration;
+            }
+        }
+
+        .p-tabview-ink-bar {
+            z-index: 1;
+            display: block;
+            position: absolute;
+            bottom: 0;
+            height: 2px;
+            background-color: $primaryColor;
+            transition: 500ms cubic-bezier(0.35, 0, 0.25, 1);
+        }
+    }
+}
+
 .p-carousel {
     .p-carousel-indicators .p-carousel-indicator.p-highlight button {
         background-color: $primaryColor;