Disabled ripple by default
parent
10a4ded046
commit
c7050d4c6d
|
@ -428,7 +428,7 @@ export default {
|
||||||
this.$primevue.config.inputStyle = value;
|
this.$primevue.config.inputStyle = value;
|
||||||
},
|
},
|
||||||
onRippleChange(value) {
|
onRippleChange(value) {
|
||||||
this.$primevue.config.ripple = value;
|
this.$appState.ripple = value;
|
||||||
},
|
},
|
||||||
onDarkModeChange() {
|
onDarkModeChange() {
|
||||||
this.$emit('darkswitch-click');
|
this.$emit('darkswitch-click');
|
||||||
|
@ -474,7 +474,7 @@ export default {
|
||||||
return this.$appState.darkTheme;
|
return this.$appState.darkTheme;
|
||||||
},
|
},
|
||||||
rippleActive() {
|
rippleActive() {
|
||||||
return this.$primevue.config.ripple;
|
return this.$appState.ripple;
|
||||||
},
|
},
|
||||||
containerClass() {
|
containerClass() {
|
||||||
return [
|
return [
|
||||||
|
|
|
@ -109,7 +109,7 @@ export default {
|
||||||
{
|
{
|
||||||
'layout-news-active': this.$appState.newsActive,
|
'layout-news-active': this.$appState.newsActive,
|
||||||
'p-input-filled': this.$primevue.config.inputStyle === 'filled',
|
'p-input-filled': this.$primevue.config.inputStyle === 'filled',
|
||||||
'p-ripple-disabled': this.$primevue.config.ripple === false,
|
'p-ripple-disabled': this.$appState.ripple === false,
|
||||||
'layout-dark': this.$appState.darkTheme,
|
'layout-dark': this.$appState.darkTheme,
|
||||||
'layout-light': !this.$appState.darkTheme
|
'layout-light': !this.$appState.darkTheme
|
||||||
}
|
}
|
||||||
|
|
|
@ -7,6 +7,7 @@ const $appState = {
|
||||||
sourceType: 'options-api',
|
sourceType: 'options-api',
|
||||||
newsActive: false,
|
newsActive: false,
|
||||||
announcement: null,
|
announcement: null,
|
||||||
|
ripple: false,
|
||||||
storageKey: 'primevue',
|
storageKey: 'primevue',
|
||||||
colorSchemeKey: 'primevue-color-scheme'
|
colorSchemeKey: 'primevue-color-scheme'
|
||||||
});
|
});
|
||||||
|
|
Loading…
Reference in New Issue