vertumnus
/
primevue-mirror
mirror of https://github.com/primefaces/primevue.git
1
0
Fork 0
Code Packages Releases Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
packages/primevue/src/inputgroup/style/InputGroupStyle.js
View File

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