From 729fd2fd95947ac556238c263c47f5bd549cbaca Mon Sep 17 00:00:00 2001 From: betavs Date: Thu, 9 Nov 2023 10:16:40 +0800 Subject: [PATCH] fix(split-button): outlined split button right border duplication on hover --- components/lib/splitbutton/SplitButtonBase.js | 11 ++++++----- 1 file changed, 6 insertions(+), 5 deletions(-) diff --git a/components/lib/splitbutton/SplitButtonBase.js b/components/lib/splitbutton/SplitButtonBase.js index fbf7add114..c2d5a4c303 100644 --- 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; }