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

Adjustments to float label cosmetics

pull/6439/head
Cagatay Civici 2024-09-18 13:16:51 +03:00
parent 8c4b843535
commit c98ccb480d
9 changed files with 26 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
apps/showcase/assets/menu/menu.json
View File

@ -95,11 +95,6 @@
"name": "Editor",
"to": "/editor"
},
{
"name": "IftaLabel",
"to": "/iftalabel",
"badge": "NEW"
},
{
"name": "FloatLabel",
"to": "/floatlabel",
@ -109,6 +104,11 @@
"name": "IconField",
"to": "/iconfield"
},
{
"name": "IftaLabel",
"to": "/iftalabel",
"badge": "NEW"
},
{
"name": "InputGroup",
"to": "/inputgroup"

2
packages/primevue/src/floatlabel/style/FloatLabelStyle.js
View File

@ -35,7 +35,7 @@ const theme = ({ dt }) => `
.p-floatlabel:has(textarea.p-filled) label,
.p-floatlabel:has(.p-inputwrapper-focus) label,
.p-floatlabel:has(.p-inputwrapper-filled) label {
top: ${dt('floatlabel.focus.top')};
top: ${dt('floatlabel.over.focus.top')};
margin-top: 0;
font-size: ${dt('floatlabel.focus.font.size')};
font-weight: ${dt('floatlabel.label.focus.font.weight')};

8
packages/themes/src/presets/aura/floatlabel/index.js
View File

@ -8,11 +8,15 @@ export default {
positionX: '{form.field.padding.x}',
fontWeight: '500',
focus: {
top: '-1.25rem',
fontSize: '0.875rem',
fontSize: '0.75rem',
fontWeight: '400'
}
},
over: {
focus: {
top: '-1.25rem'
}
},
in: {
input: {
paddingTop: '1.5rem'

2
packages/themes/src/presets/aura/iftalabel/index.js
View File

@ -6,7 +6,7 @@ export default {
transitionDuration: '0.2s',
positionX: '{form.field.padding.x}',
top: '{form.field.padding.y}',
fontSize: '0.875rem',
fontSize: '0.75rem',
fontWeight: '400'
},
input: {

2
packages/themes/src/presets/lara/base/index.js
View File

@ -174,7 +174,7 @@ export default {
disabledColor: '{surface.500}',
placeholderColor: '{surface.500}',
floatLabelColor: '{surface.500}',
floatLabelFocusColor: '{primary.color}',
floatLabelFocusColor: '{primary.600}',
floatLabelActiveColor: '{surface.500}',
floatLabelInvalidColor: '{red.400}',
iconColor: '{surface.500}',

6
packages/themes/src/presets/lara/floatlabel/index.js
View File

@ -8,11 +8,15 @@ export default {
positionX: '{form.field.padding.x}',
fontWeight: '500',
focus: {
top: '-1.25rem',
fontSize: '0.875rem',
fontWeight: '400'
}
},
over: {
focus: {
top: '-1.25rem'
}
},
in: {
input: {
paddingTop: '1.875rem'

2
packages/themes/src/presets/lara/iftalabel/index.js
View File

@ -6,7 +6,7 @@ export default {
transitionDuration: '0.2s',
positionX: '{form.field.padding.x}',
top: '{form.field.padding.y}',
fontSize: '0.875rem',
fontSize: '0.75rem',
fontWeight: '400'
},
input: {

6
packages/themes/src/presets/nora/floatlabel/index.js
View File

@ -8,11 +8,15 @@ export default {
positionX: '{form.field.padding.x}',
fontWeight: '500',
focus: {
top: '-1.25rem',
fontSize: '0.875rem',
fontWeight: '400'
}
},
over: {
focus: {
top: '-1.25rem'
}
},
in: {
input: {
paddingTop: '1.5rem'

2
packages/themes/src/presets/nora/iftalabel/index.js
View File

@ -6,7 +6,7 @@ export default {
transitionDuration: '0.2s',
positionX: '{form.field.padding.x}',
top: '{form.field.padding.y}',
fontSize: '0.875rem',
fontSize: '0.75rem',
fontWeight: '400'
},
input: {