Refactor #6636 - For InputGroup

pull/6620/head^2
tugcekucukoglu 2024-10-24 17:27:27 +03:00
parent 52b07751a0
commit 76c072442e
1 changed files with 8 additions and 8 deletions

View File

@ -22,18 +22,18 @@ const theme = ({ dt }) => `
padding: ${dt('inputgroup.addon.padding')};
background: ${dt('inputgroup.addon.background')};
color: ${dt('inputgroup.addon.color')};
border-top: 1px solid ${dt('inputgroup.addon.border.color')};
border-bottom: 1px solid ${dt('inputgroup.addon.border.color')};
border-block-start: 1px solid ${dt('inputgroup.addon.border.color')};
border-block-end: 1px solid ${dt('inputgroup.addon.border.color')};
min-width: ${dt('inputgroup.addon.min.width')};
}
.p-inputgroupaddon:first-child,
.p-inputgroupaddon + .p-inputgroupaddon {
border-left: 1px solid ${dt('inputgroup.addon.border.color')};
border-inline-start: 1px solid ${dt('inputgroup.addon.border.color')};
}
.p-inputgroupaddon:last-child {
border-right: 1px solid ${dt('inputgroup.addon.border.color')};
border-inline-end: 1px solid ${dt('inputgroup.addon.border.color')};
}
.p-inputgroup > .p-component,
@ -53,8 +53,8 @@ const theme = ({ dt }) => `
.p-inputgroup > .p-floatlabel:first-child > .p-inputwrapper > .p-component,
.p-inputgroup > .p-iftalabel:first-child > .p-component,
.p-inputgroup > .p-iftalabel:first-child > .p-inputwrapper > .p-component {
border-top-left-radius: ${dt('inputgroup.addon.border.radius')};
border-bottom-left-radius: ${dt('inputgroup.addon.border.radius')};
border-start-start-radius: ${dt('inputgroup.addon.border.radius')};
border-end-start-radius: ${dt('inputgroup.addon.border.radius')};
}
.p-inputgroupaddon:last-child,
@ -64,8 +64,8 @@ const theme = ({ dt }) => `
.p-inputgroup > .p-floatlabel:last-child > .p-inputwrapper > .p-component,
.p-inputgroup > .p-iftalabel:last-child > .p-component,
.p-inputgroup > .p-iftalabel:last-child > .p-inputwrapper > .p-component {
border-top-right-radius: ${dt('inputgroup.addon.border.radius')};
border-bottom-right-radius: ${dt('inputgroup.addon.border.radius')};
border-start-end-radius: ${dt('inputgroup.addon.border.radius')};
border-end-end-radius: ${dt('inputgroup.addon.border.radius')};
}
.p-inputgroup .p-component:focus,