Sync transition of tabmenu with tabview

primefaces · Nov 9, 2023 · 4fdbe36 · 4fdbe36
1 parent 18d7702
commit 4fdbe36
Show file tree

Hide file tree

Showing 8 changed files with 32 additions and 0 deletions.
diff --git a/public/themes/lara-dark-blue/theme.css b/public/themes/lara-dark-blue/theme.css
@@ -5664,6 +5664,10 @@
     transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
   }
 
+  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
+    transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+  }
+
   .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
     background-color: #60a5fa;
   }

diff --git a/public/themes/lara-dark-indigo/theme.css b/public/themes/lara-dark-indigo/theme.css
@@ -5664,6 +5664,10 @@
     transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
   }
 
+  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
+    transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+  }
+
   .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
     background-color: #818cf8;
   }

diff --git a/public/themes/lara-dark-purple/theme.css b/public/themes/lara-dark-purple/theme.css
@@ -5664,6 +5664,10 @@
     transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
   }
 
+  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
+    transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+  }
+
   .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
     background-color: #a78bfa;
   }

diff --git a/public/themes/lara-dark-teal/theme.css b/public/themes/lara-dark-teal/theme.css
@@ -5664,6 +5664,10 @@
     transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
   }
 
+  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
+    transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+  }
+
   .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
     background-color: #34d399;
   }

diff --git a/public/themes/lara-light-blue/theme.css b/public/themes/lara-light-blue/theme.css
@@ -5664,6 +5664,10 @@
     transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
   }
 
+  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
+    transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+  }
+
   .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
     background-color: #3B82F6;
   }

diff --git a/public/themes/lara-light-indigo/theme.css b/public/themes/lara-light-indigo/theme.css
@@ -5664,6 +5664,10 @@
     transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
   }
 
+  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
+    transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+  }
+
   .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
     background-color: #6366F1;
   }

diff --git a/public/themes/lara-light-purple/theme.css b/public/themes/lara-light-purple/theme.css
@@ -5664,6 +5664,10 @@
     transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
   }
 
+  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
+    transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+  }
+
   .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
     background-color: #8B5CF6;
   }

diff --git a/public/themes/lara-light-teal/theme.css b/public/themes/lara-light-teal/theme.css
@@ -5664,6 +5664,10 @@
     transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
   }
 
+  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
+    transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+  }
+
   .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
     background-color: #10b981;
   }