vertumnus/primevue-mirror
1
0
Fork 0
mirror of https://github.com/primefaces/primevue.git synced 2025-05-10 17:32:36 +00:00
Code Issues Projects Releases Packages Wiki Activity

Updated tokens for InputNumber

Browse source
This commit is contained in:
Cagatay Civici 2024-05-08 18:37:46 +03:00
parent a83714ac28
commit 3ac1d2766f
4 changed files with 24 additions and 24 deletions
Download patch file Download diff file Expand all files Collapse all files

14
components/lib/inputnumber/style/InputNumberStyle.js
View file

@ -11,11 +11,11 @@ const theme = ({ dt }) => `
align-items: center;
justify-content: center;
flex: 0 0 auto;
curspor: pointer;
cursor: pointer;
background: ${dt('inputnumber.button.background')};
color: ${dt('inputnumber.button.color')};
width: ${dt('inputnumber.button.width')};
transition: background-color ${dt('transition.duration')}, color ${dt('transition.duration')}, border-color ${dt('transition.duration')}, outline-color ${dt('transition.duration')};
transition: background ${dt('transition.duration')}, color ${dt('transition.duration')}, border-color ${dt('transition.duration')}, outline-color ${dt('transition.duration')};
}
.p-inputnumber-button:hover {
@ -28,10 +28,6 @@ const theme = ({ dt }) => `
color: ${dt('inputnumber.button.active.color')};
}
.p-inputnumber-stacked {
overflow: hidden;
}
.p-inputnumber-stacked .p-inputnumber-button {
position: relative;
border: 0 none;
@ -48,12 +44,12 @@ const theme = ({ dt }) => `
.p-inputnumber-stacked .p-inputnumber-increment-button {
padding: 0;
border-top-right-radius: calc(${dt('border.radius.md')} - 1px);
border-top-right-radius: calc(${dt('inputnumber.button.border.radius')} - 1px);
}
.p-inputnumber-stacked .p-inputnumber-decrement-button {
padding: 0;
border-bottom-right-radius: calc(${dt('border.radius.md')} - 1px);
border-bottom-right-radius: calc(${dt('inputnumber.button.border.radius')} - 1px);
}
.p-inputnumber-stacked .p-inputnumber-button {
@ -98,7 +94,7 @@ const theme = ({ dt }) => `
.p-inputnumber-vertical .p-inputnumber-button {
border: 1px solid ${dt('inputnumber.button.border.color')};
padding: 0.5rem 0;
padding: ${dt('inputnumber.button.vertical.padding')}; 0;
}
.p-inputnumber-vertical .p-inputnumber-button:hover {