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

Refactor #6636 - For InputNumber

pull/6620/head^2
tugcekucukoglu 2024-10-24 17:27:35 +03:00
parent 76c072442e
commit 7a3304a7ff
1 changed files with 16 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
packages/primevue/src/inputnumber/style/InputNumberStyle.js
View File

@ -37,20 +37,20 @@ const theme = ({ dt }) => `
display: flex; display: flex;
flex-direction: column; flex-direction: column;
position: absolute; position: absolute;
top: 1px; inset-block-start: 1px;
right: 1px; inset-inline-end: 1px;
height: calc(100% - 2px); height: calc(100% - 2px);
z-index: 1; z-index: 1;
} }
.p-inputnumber-stacked .p-inputnumber-increment-button { .p-inputnumber-stacked .p-inputnumber-increment-button {
padding: 0; padding: 0;
border-top-right-radius: calc(${dt('inputnumber.button.border.radius')} - 1px); border-start-end-radius: calc(${dt('inputnumber.button.border.radius')} - 1px);
} }
.p-inputnumber-stacked .p-inputnumber-decrement-button { .p-inputnumber-stacked .p-inputnumber-decrement-button {
padding: 0; padding: 0;
border-bottom-right-radius: calc(${dt('inputnumber.button.border.radius')} - 1px); border-end-end-radius: calc(${dt('inputnumber.button.border.radius')} - 1px);
} }
.p-inputnumber-stacked .p-inputnumber-button { .p-inputnumber-stacked .p-inputnumber-button {
@ -72,9 +72,9 @@ const theme = ({ dt }) => `
.p-inputnumber-horizontal .p-inputnumber-increment-button { .p-inputnumber-horizontal .p-inputnumber-increment-button {
order: 3; order: 3;
border-top-right-radius: ${dt('inputnumber.button.border.radius')}; border-start-end-radius: ${dt('inputnumber.button.border.radius')};
border-bottom-right-radius: ${dt('inputnumber.button.border.radius')}; border-end-end-radius: ${dt('inputnumber.button.border.radius')};
border-left: 0 none; border-inline-start: 0 none;
} }
.p-inputnumber-horizontal .p-inputnumber-input { .p-inputnumber-horizontal .p-inputnumber-input {
@ -84,9 +84,9 @@ const theme = ({ dt }) => `
.p-inputnumber-horizontal .p-inputnumber-decrement-button { .p-inputnumber-horizontal .p-inputnumber-decrement-button {
order: 1; order: 1;
border-top-left-radius: ${dt('inputnumber.button.border.radius')}; border-start-start-radius: ${dt('inputnumber.button.border.radius')};
border-bottom-left-radius: ${dt('inputnumber.button.border.radius')}; border-end-start-radius: ${dt('inputnumber.button.border.radius')};
border-right: 0 none; border-inline-end: 0 none;
} }
.p-floatlabel:has(.p-inputnumber-horizontal) label { .p-floatlabel:has(.p-inputnumber-horizontal) label {
@ -112,10 +112,10 @@ const theme = ({ dt }) => `
.p-inputnumber-vertical .p-inputnumber-increment-button { .p-inputnumber-vertical .p-inputnumber-increment-button {
order: 1; order: 1;
border-top-left-radius: ${dt('inputnumber.button.border.radius')}; border-start-start-radius: ${dt('inputnumber.button.border.radius')};
border-top-right-radius: ${dt('inputnumber.button.border.radius')}; border-start-end-radius: ${dt('inputnumber.button.border.radius')};
width: 100%; width: 100%;
border-bottom: 0 none; border-block-end: 0 none;
} }
.p-inputnumber-vertical .p-inputnumber-input { .p-inputnumber-vertical .p-inputnumber-input {
@ -126,10 +126,10 @@ const theme = ({ dt }) => `
.p-inputnumber-vertical .p-inputnumber-decrement-button { .p-inputnumber-vertical .p-inputnumber-decrement-button {
order: 3; order: 3;
border-bottom-left-radius: ${dt('inputnumber.button.border.radius')}; border-end-start-radius: ${dt('inputnumber.button.border.radius')};
border-bottom-right-radius: ${dt('inputnumber.button.border.radius')}; border-end-end-radius: ${dt('inputnumber.button.border.radius')};
width: 100%; width: 100%;
border-top: 0 none; border-block-start: 0 none;
} }
.p-inputnumber-input { .p-inputnumber-input {