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

Button alignment on material inputnumber

pull/6501/head
Cagatay Civici 2024-09-30 10:49:40 +03:00
parent 503fba3197
commit f200bed532
2 changed files with 10 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
packages/themes/src/presets/material/inputnumber/index.js
View File

@ -3,7 +3,7 @@ export default {
transitionDuration: '{transition.duration}' transitionDuration: '{transition.duration}'
}, },
button: { button: {
width: '2.5rem', width: '3rem',
borderRadius: '{form.field.border.radius}', borderRadius: '{form.field.border.radius}',
verticalPadding: '{form.field.padding.y}' verticalPadding: '{form.field.padding.y}'
}, },
@ -34,5 +34,12 @@ export default {
activeColor: '{surface.200}' activeColor: '{surface.200}'
} }
} }
} },
style: ({ dt }) => `
.p-inputnumber-stacked .p-inputnumber-button-group {
top: 2px;
right: 2px;
height: calc(100% - 4px);
}
`
}; };

2
packages/themes/src/presets/material/inputtext/index.js
View File

@ -78,5 +78,5 @@ export default {
.p-inputtext.p-variant-filled.p-invalid:enabled:focus { .p-inputtext.p-variant-filled.p-invalid:enabled:focus {
background-image: linear-gradient(to bottom, ${dt('inputtext.invalid.border.color')}, ${dt('inputtext.invalid.border.color')}), linear-gradient(to bottom, ${dt('inputtext.invalid.border.color')}, ${dt('inputtext.invalid.border.color')}); background-image: linear-gradient(to bottom, ${dt('inputtext.invalid.border.color')}, ${dt('inputtext.invalid.border.color')}), linear-gradient(to bottom, ${dt('inputtext.invalid.border.color')}, ${dt('inputtext.invalid.border.color')});
} }
` `
}; };