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

Fixed #5719 - Fieldset: #legend updates

Browse source
This commit is contained in:
tugcekucukoglu 2024-05-10 12:47:23 +03:00
parent 731951b0a9
commit d4be481ec8
4 changed files with 49 additions and 34 deletions
Download patch file Download diff file Expand all files Collapse all files

9
components/lib/fieldset/style/FieldsetStyle.js
View file

@ -12,7 +12,6 @@ const theme = ({ dt }) => `
.p-fieldset-legend {
background: ${dt('fieldset.legend.background')};
font-weight: 600;
border-radius: 6px;
border: 0 none;
padding: 0.5rem 0.75rem;
@ -23,7 +22,7 @@ const theme = ({ dt }) => `
padding: 0;
}
.p-fieldset-toggleable > .p-fieldset-legend > a {
.p-fieldset-toggleable > .p-fieldset-legend > button {
cursor: pointer;
user-select: none;
overflow: hidden;
@ -34,12 +33,18 @@ const theme = ({ dt }) => `
align-items: center;
justify-content: center;
padding: 0.5rem 0.75rem;
background: transparent;
color: ${dt('fieldset.legend.color')};
border: 0 none;
border-radius: ${dt('border.radius.md')};
transition: background ${dt('transition.duration')}, color ${dt('transition.duration')}, outline-color ${dt('transition.duration')};
outline-color: transparent;
}
.p-fieldset-legend-label {
font-weight: 600;
}
.p-fieldset-toggleable > .p-fieldset-legend > a:focus-visible {
outline: ${dt('focus.ring.width')} ${dt('focus.ring.style')} ${dt('focus.ring.color')};
outline-offset: ${dt('focus.ring.offset')};