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

Fixed #6743 - InputGroup: IconField is not supported in InputGroup

pull/6798/head
tugcekucukoglu 2024-11-14 09:44:54 +03:00
parent 7eaf1991af
commit 2e662c08b8
1 changed files with 8 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -2,6 +2,7 @@ import BaseStyle from '@primevue/core/base/style';
const theme = ({ dt }) => ` const theme = ({ dt }) => `
.p-inputgroup, .p-inputgroup,
.p-inputgroup .p-iconfield,
.p-inputgroup .p-floatlabel, .p-inputgroup .p-floatlabel,
.p-inputgroup .p-iftalabel { .p-inputgroup .p-iftalabel {
display: flex; display: flex;
@ -47,6 +48,7 @@ const theme = ({ dt }) => `
.p-inputgroup > .p-component, .p-inputgroup > .p-component,
.p-inputgroup > .p-inputwrapper > .p-component, .p-inputgroup > .p-inputwrapper > .p-component,
.p-inputgroup > .p-iconfield > .p-component,
.p-inputgroup > .p-floatlabel > .p-component, .p-inputgroup > .p-floatlabel > .p-component,
.p-inputgroup > .p-floatlabel > .p-inputwrapper > .p-component, .p-inputgroup > .p-floatlabel > .p-inputwrapper > .p-component,
.p-inputgroup > .p-iftalabel > .p-component, .p-inputgroup > .p-iftalabel > .p-component,
@ -58,6 +60,7 @@ const theme = ({ dt }) => `
.p-inputgroupaddon:first-child, .p-inputgroupaddon:first-child,
.p-inputgroup > .p-component:first-child, .p-inputgroup > .p-component:first-child,
.p-inputgroup > .p-inputwrapper:first-child > .p-component, .p-inputgroup > .p-inputwrapper:first-child > .p-component,
.p-inputgroup > .p-iconfield:first-child > .p-component,
.p-inputgroup > .p-floatlabel:first-child > .p-component, .p-inputgroup > .p-floatlabel:first-child > .p-component,
.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,
@ -69,6 +72,7 @@ const theme = ({ dt }) => `
.p-inputgroupaddon:last-child, .p-inputgroupaddon:last-child,
.p-inputgroup > .p-component:last-child, .p-inputgroup > .p-component:last-child,
.p-inputgroup > .p-inputwrapper:last-child > .p-component, .p-inputgroup > .p-inputwrapper:last-child > .p-component,
.p-inputgroup > .p-iconfield:last-child > .p-component,
.p-inputgroup > .p-floatlabel:last-child > .p-component, .p-inputgroup > .p-floatlabel:last-child > .p-component,
.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,
@ -89,6 +93,10 @@ const theme = ({ dt }) => `
.p-inputgroup > .p-button:not(.p-button-icon-only) { .p-inputgroup > .p-button:not(.p-button-icon-only) {
width: auto; width: auto;
} }
.p-inputgroup .p-iconfield + .p-iconfield .p-inputtext {
border-inline-start: 0;
}
`; `;
const classes = { const classes = {