From bd4d56ef4c2cc22c77f69339ac9ae941df7c588f Mon Sep 17 00:00:00 2001 From: tugcekucukoglu Date: Tue, 30 Jan 2024 11:02:29 +0300 Subject: [PATCH] Update InputGroupStyle.js --- .../lib/inputgroup/style/InputGroupStyle.js | 31 +++++++++++++++++++ 1 file changed, 31 insertions(+) diff --git a/components/lib/inputgroup/style/InputGroupStyle.js b/components/lib/inputgroup/style/InputGroupStyle.js index 051f9a5ed..274a8e7db 100644 --- a/components/lib/inputgroup/style/InputGroupStyle.js +++ b/components/lib/inputgroup/style/InputGroupStyle.js @@ -1,10 +1,41 @@ import BaseStyle from 'primevue/base/style'; +const css = ` +@layer primevue { + .p-inputgroup { + display: flex; + align-items: stretch; + width: 100%; + } + + .p-inputgroup-addon { + display: flex; + align-items: center; + justify-content: center; + } + + .p-inputgroup .p-float-label { + display: flex; + align-items: stretch; + width: 100%; + } + + .p-inputgroup .p-inputtext, + .p-fluid .p-inputgroup .p-inputtext, + .p-inputgroup .p-inputwrapper, + .p-fluid .p-inputgroup .p-input { + flex: 1 1 auto; + width: 1%; + } +} +`; + const classes = { root: 'p-inputgroup' }; export default BaseStyle.extend({ name: 'inputgroup', + css, classes });