Merge pull request #5265 from betavs/hotfix/split-button-style

fix(split-button): outlined split button right border duplication on hover
primefaces · Nov 9, 2023 · 439f7d2 · 439f7d2
2 parents f21a8a8 + 729fd2f
commit 439f7d2
Showing 1 changed file with 6 additions and 5 deletions.
diff --git a/components/lib/splitbutton/SplitButtonBase.js b/components/lib/splitbutton/SplitButtonBase.js
@@ -32,16 +32,17 @@ const styles = `
         display: inline-flex;
         position: relative;
     }
-    
+
     .p-splitbutton .p-splitbutton-defaultbutton,
     .p-splitbutton.p-button-rounded > .p-splitbutton-defaultbutton.p-button,
-    .p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button {
+    .p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button,
+    .p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button-outlined.p-button:hover {
         flex: 1 1 auto;
         border-top-right-radius: 0;
         border-bottom-right-radius: 0;
         border-right: 0 none;
     }
-    
+
     .p-splitbutton-menubutton,
     .p-splitbutton.p-button-rounded > .p-splitbutton-menubutton.p-button,
     .p-splitbutton.p-button-outlined > .p-splitbutton-menubutton.p-button {
@@ -51,11 +52,11 @@ const styles = `
         border-top-left-radius: 0;
         border-bottom-left-radius: 0;
     }
-    
+
     .p-splitbutton .p-menu {
         min-width: 100%;
     }
-    
+
     .p-fluid .p-splitbutton  {
         display: flex;
     }