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

Tokens for checkmark location

pull/5806/head
Cagatay Civici 2024-05-25 23:48:47 +03:00
parent a4953d47c3
commit 9ec64546ea
8 changed files with 30 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
components/lib/listbox/style/ListboxStyle.js
View File

@ -6,7 +6,8 @@ const theme = ({ dt }) => `
color: ${dt('listbox.color')}; color: ${dt('listbox.color')};
border: 1px solid ${dt('listbox.border.color')}; border: 1px solid ${dt('listbox.border.color')};
border-radius: ${dt('listbox.border.radius')}; border-radius: ${dt('listbox.border.radius')};
transition: background ${dt('listbox.transition.duration')}, color ${dt('listbox.transition.duration')}, border-color ${dt('listbox.transition.duration')}, box-shadow ${dt('listbox.transition.duration')}, outline-color ${dt('listbox.transition.duration')}; transition: background ${dt('listbox.transition.duration')}, color ${dt('listbox.transition.duration')}, border-color ${dt('listbox.transition.duration')},
box-shadow ${dt('listbox.transition.duration')}, outline-color ${dt('listbox.transition.duration')};
outline-color: transparent; outline-color: transparent;
box-shadow: ${dt('listbox.shadow')}; box-shadow: ${dt('listbox.shadow')};
} }
@ -64,7 +65,8 @@ const theme = ({ dt }) => `
border: 0 none; border: 0 none;
border-radius: ${dt('listbox.option.border.radius')}; border-radius: ${dt('listbox.option.border.radius')};
color: ${dt('listbox.option.color')}; color: ${dt('listbox.option.color')};
transition: background ${dt('listbox.transition.duration')}, color ${dt('listbox.transition.duration')}, border-color ${dt('listbox.transition.duration')}, box-shadow ${dt('listbox.transition.duration')}, outline-color ${dt('listbox.transition.duration')}; transition: background ${dt('listbox.transition.duration')}, color ${dt('listbox.transition.duration')}, border-color ${dt('listbox.transition.duration')},
box-shadow ${dt('listbox.transition.duration')}, outline-color ${dt('listbox.transition.duration')};
} }
.p-listbox .p-listbox-list .p-listbox-option.p-listbox-option-selected { .p-listbox .p-listbox-list .p-listbox-option.p-listbox-option-selected {
@ -89,9 +91,8 @@ const theme = ({ dt }) => `
.p-listbox-option-check-icon { .p-listbox-option-check-icon {
position: relative; position: relative;
margin-left: -0.375rem; margin-inline-start: ${dt('listbox.checkmark.gutter.start')};
margin-right: 0.375rem; margin-inline-end: ${dt('listbox.checkmark.gutter.end')};
color: ${dt('listbox.checkmark.color')};
} }
.p-listbox-option-group { .p-listbox-option-group {

11
components/lib/select/style/SelectStyle.js
View File

@ -8,7 +8,8 @@ const theme = ({ dt }) => `
user-select: none; user-select: none;
background: ${dt('select.background')}; background: ${dt('select.background')};
border: 1px solid ${dt('select.border.color')}; border: 1px solid ${dt('select.border.color')};
transition: background ${dt('select.transition.duration')}, color ${dt('select.transition.duration')}, border-color ${dt('select.transition.duration')}, outline-color ${dt('select.transition.duration')}, box-shadow ${dt('select.transition.duration')}; transition: background ${dt('select.transition.duration')}, color ${dt('select.transition.duration')}, border-color ${dt('select.transition.duration')},
outline-color ${dt('select.transition.duration')}, box-shadow ${dt('select.transition.duration')};
border-radius: ${dt('select.border.radius')}; border-radius: ${dt('select.border.radius')};
outline-color: transparent; outline-color: transparent;
box-shadow: ${dt('select.shadow')}; box-shadow: ${dt('select.shadow')};
@ -156,7 +157,8 @@ input.p-select-label {
border: 0 none; border: 0 none;
color: ${dt('select.option.color')}; color: ${dt('select.option.color')};
background: transparent; background: transparent;
transition: background ${dt('select.transition.duration')}, color ${dt('select.transition.duration')}, border-color ${dt('select.transition.duration')}, box-shadow ${dt('select.transition.duration')}, outline-color ${dt('select.transition.duration')}; transition: background ${dt('select.transition.duration')}, color ${dt('select.transition.duration')}, border-color ${dt('select.transition.duration')},
box-shadow ${dt('select.transition.duration')}, outline-color ${dt('select.transition.duration')};
border-radius: ${dt('select.option.border.radius')}; border-radius: ${dt('select.option.border.radius')};
} }
@ -177,9 +179,8 @@ input.p-select-label {
.p-select-option-check-icon { .p-select-option-check-icon {
position: relative; position: relative;
margin-left: -0.375rem; margin-inline-start: ${dt('select.checkmark.gutter.start')};
margin-right: 0.375rem; margin-inline-end: ${dt('select.checkmark.gutter.end')};
color: ${dt('select.checkmark.color')};
} }
.p-select-empty-message { .p-select-empty-message {

4
components/lib/themes/aura/listbox/index.js
View File

@ -44,7 +44,9 @@ export default {
padding: '{list.option.group.padding}' padding: '{list.option.group.padding}'
}, },
checkmark: { checkmark: {
color: '{list.option.color}' color: '{list.option.color}',
gutterStart: '-0.375rem',
gutterEnd: '0.375rem'
}, },
emptyMessage: { emptyMessage: {
padding: '{list.option.padding}' padding: '{list.option.padding}'

4
components/lib/themes/aura/select/index.js
View File

@ -63,7 +63,9 @@ export default {
color: '{form.field.icon.color}' color: '{form.field.icon.color}'
}, },
checkmark: { checkmark: {
color: '{list.option.color}' color: '{list.option.color}',
gutterStart: '-0.375rem',
gutterEnd: '0.375rem'
}, },
emptyMessage: { emptyMessage: {
padding: '{list.option.padding}' padding: '{list.option.padding}'

4
components/lib/themes/lara/listbox/index.js
View File

@ -44,7 +44,9 @@ export default {
padding: '{list.option.group.padding}' padding: '{list.option.group.padding}'
}, },
checkmark: { checkmark: {
color: '{list.option.color}' color: '{list.option.color}',
gutterStart: '-0.5rem',
gutterEnd: '0.5rem'
}, },
emptyMessage: { emptyMessage: {
padding: '{list.option.padding}' padding: '{list.option.padding}'

4
components/lib/themes/lara/select/index.js
View File

@ -60,7 +60,9 @@ export default {
padding: '{list.option.group.padding}' padding: '{list.option.group.padding}'
}, },
checkmark: { checkmark: {
color: '{list.option.color}' color: '{list.option.color}',
gutterStart: '-0.5rem',
gutterEnd: '0.5rem'
}, },
emptyMessage: { emptyMessage: {
padding: '{list.option.padding}' padding: '{list.option.padding}'

4
components/lib/themes/nora/listbox/index.js
View File

@ -44,7 +44,9 @@ export default {
padding: '{list.option.group.padding}' padding: '{list.option.group.padding}'
}, },
checkmark: { checkmark: {
color: '{list.option.color}' color: '{list.option.color}',
gutterStart: '-0.375rem',
gutterEnd: '0.375rem'
}, },
emptyMessage: { emptyMessage: {
padding: '{list.option.padding}' padding: '{list.option.padding}'

4
components/lib/themes/nora/select/index.js
View File

@ -63,7 +63,9 @@ export default {
color: '{form.field.icon.color}' color: '{form.field.icon.color}'
}, },
checkmark: { checkmark: {
color: '{list.option.color}' color: '{list.option.color}',
gutterStart: '-0.375rem',
gutterEnd: '0.375rem'
}, },
emptyMessage: { emptyMessage: {
padding: '{list.option.padding}' padding: '{list.option.padding}'