vertumnus/primevue-mirror
1
0
Fork 0
mirror of https://github.com/primefaces/primevue.git synced 2025-05-09 08:52:34 +00:00
Code Issues Projects Releases Packages Wiki Activity

SelectButton visuals

Browse source
This commit is contained in:
Cagatay Civici 2024-05-15 10:57:21 +03:00
parent 2f3fdbd5b6
commit 04d0298ae9
6 changed files with 18 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

12
components/lib/selectbutton/style/SelectButtonStyle.js
View file

@ -6,11 +6,12 @@ const theme = ({ dt }) => `
user-select: none;
vertical-align: bottom;
outline-color: transparent;
border-radius: ${dt('border.radius.md')};
border-radius: ${dt('selectbutton.border.radius')};
}
.p-selectbutton .p-togglebutton {
border-radius: 0;
border-width: 1px 1px 1px 0;
}
.p-selectbutton .p-togglebutton:focus-visible {
@ -19,13 +20,14 @@ const theme = ({ dt }) => `
}
.p-selectbutton .p-togglebutton:first-child {
border-top-left-radius: ${dt('border.radius.md')};
border-bottom-left-radius: ${dt('border.radius.md')};
border-left-width: 1px;
border-top-left-radius: ${dt('selectbutton.border.radius')};
border-bottom-left-radius: ${dt('selectbutton.border.radius')};
}
.p-selectbutton .p-togglebutton:last-child {
border-top-right-radius: ${dt('border.radius.md')};
border-bottom-right-radius: ${dt('border.radius.md')};
border-top-right-radius: ${dt('selectbutton.border.radius')};
border-bottom-right-radius: ${dt('selectbutton.border.radius')};
}
.p-selectbutton.p-invalid {