From 18d21ffbce9ccc9aa72a3cbffb99c501e513b58e Mon Sep 17 00:00:00 2001 From: cagataycivici Date: Wed, 29 Apr 2020 19:27:08 +0300 Subject: [PATCH] ButtonSet refactor --- src/components/button/Button.css | 22 ++++++++++++++++++++++ src/components/splitbutton/SplitButton.vue | 4 ---- 2 files changed, 22 insertions(+), 4 deletions(-) diff --git a/src/components/button/Button.css b/src/components/button/Button.css index c063885ac..ab9ac4c4c 100755 --- a/src/components/button/Button.css +++ b/src/components/button/Button.css @@ -27,4 +27,26 @@ visibility: hidden; width: 0; flex: 0 0 auto; +} + +.p-buttonset .p-button { + margin: 0; +} + +.p-buttonset .p-button:not(:first-child):not(:last-child) { + border-radius: 0; +} + +.p-buttonset .p-button:first-child { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.p-buttonset .p-button:last-child { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.p-buttonset .p-button:focus { + z-index: 1; } \ No newline at end of file diff --git a/src/components/splitbutton/SplitButton.vue b/src/components/splitbutton/SplitButton.vue index 074ed3570..90de20190 100755 --- a/src/components/splitbutton/SplitButton.vue +++ b/src/components/splitbutton/SplitButton.vue @@ -84,10 +84,6 @@ export default { justify-content: center; } -.p-splitbutton .p-button:focus { - z-index: 1; -} - .p-splitbutton .p-menu { min-width: 100%; }