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

Merge branch 'master' of https://github.com/primefaces/primevue

pull/6011/head
tugcekucukoglu 2024-07-03 12:18:09 +03:00
parent b3ae18dd25 185ebc1dd1
commit 292ee417c8
5 changed files with 26 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
apps/showcase/doc/radiobutton/DisabledDoc.vue
View File

@ -21,7 +21,7 @@ export default {
`,
options: `
<template>
<div class="card flex justify-center">
<div class="card flex justify-center gap-2">
<RadioButton v-model="value" :value="1" disabled />
<RadioButton v-model="value" :value="2" disabled />
</div>
@ -39,7 +39,7 @@ export default {
`,
composition: `
<template>
<div class="card flex justify-center">
<div class="card flex justify-center gap-2">
<RadioButton v-model="value" :value="1" disabled />
<RadioButton v-model="value" :value="2" disabled />
</div>

12
packages/primevue/src/toggleswitch/style/ToggleSwitchStyle.js
View File

@ -90,6 +90,18 @@ const theme = ({ dt }) => `
.p-toggleswitch.p-invalid > .p-toggleswitch-slider {
border-color: ${dt('toggleswitch.invalid.border.color')};
}
.p-toggleswitch.p-disabled {
opacity: 1;
}
.p-toggleswitch.p-disabled .p-toggleswitch-slider {
background: ${dt('toggleswitch.disabled.background')};
}
.p-toggleswitch.p-disabled .p-toggleswitch-slider:before {
background: ${dt('toggleswitch.handle.disabled.background')};
}
`;
const inlineStyles = {

6
packages/themes/src/presets/aura/toggleswitch/index.js
View File

@ -19,11 +19,13 @@ export default {
checkedHoverBorderColor: 'transparent',
invalidBorderColor: '{form.field.invalid.border.color}',
transitionDuration: '{form.field.transition.duration}',
slideDuration: '0.2s'
slideDuration: '0.2s',
disabledBackground: '{form.field.disabled.background}'
},
handle: {
borderRadius: '50%',
size: '1rem'
size: '1rem',
disabledBackground: '{form.field.disabled.color}'
},
colorScheme: {
light: {

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

@ -19,11 +19,13 @@ export default {
checkedHoverBorderColor: 'transparent',
invalidBorderColor: '{form.field.invalid.border.color}',
transitionDuration: '{form.field.transition.duration}',
slideDuration: '0.2s'
slideDuration: '0.2s',
disabledBackground: '{form.field.disabled.background}'
},
handle: {
borderRadius: '50%',
size: '1.25rem'
size: '1.25rem',
disabledBackground: '{form.field.disabled.color}'
},
colorScheme: {
light: {

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

@ -23,7 +23,8 @@ export default {
checkedBackground: '{primary.color}',
checkedHoverBackground: '{primary.color}',
transitionDuration: '{form.field.transition.duration}',
slideDuration: '0.1s'
slideDuration: '0.1s',
disabledBackground: '{form.field.disabled.background}'
},
handle: {
borderRadius: '50%',
@ -31,6 +32,7 @@ export default {
background: '{form.field.border.color}',
hoverBackground: '{form.field.border.color}',
checkedBackground: '{primary.contrast.color}',
checkedHoverBackground: '{primary.contrast.color}'
checkedHoverBackground: '{primary.contrast.color}',
disabledBackground: '{form.field.disabled.color}'
}
};