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

Showcase ripple updates

pull/5161/head
tugcekucukoglu 2024-01-26 13:32:22 +03:00
parent cc9fa3891c
commit b2bc41fcda
2 changed files with 26 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
doc/ripple/CustomDoc.vue
View File

@ -10,6 +10,7 @@
}
}"
class="p-ripple box"
style="border: 1px solid rgba(75, 175, 80, 0.3)"
>
Green
</div>
@ -20,6 +21,7 @@
}
}"
class="p-ripple box"
style="border: 1px solid rgba(255, 193, 6, 0.3)"
>
Orange
</div>
@ -30,6 +32,7 @@
}
}"
class="p-ripple box"
style="border: 1px solid rgba(156, 39, 176, 0.3)"
>
Purple
</div>
@ -50,6 +53,7 @@ export default {
}
}"
class="p-ripple box"
style="border: 1px solid rgba(75, 175, 80, 0.3)"
>
Green
</div>
@ -60,6 +64,7 @@ export default {
}
}"
class="p-ripple box"
style="border: 1px solid rgba(255, 193, 6, 0.3)"
>
Orange
</div>
@ -70,6 +75,7 @@ export default {
}
}"
class="p-ripple box"
style="border: 1px solid rgba(156, 39, 176, 0.3)"
>
Purple
</div>
@ -84,6 +90,7 @@ export default {
}
}"
class="p-ripple box"
style="border: 1px solid rgba(75, 175, 80, 0.3)"
>
Green
</div>
@ -94,6 +101,7 @@ export default {
}
}"
class="p-ripple box"
style="border: 1px solid rgba(255, 193, 6, 0.3)"
>
Orange
</div>
@ -104,6 +112,7 @@ export default {
}
}"
class="p-ripple box"
style="border: 1px solid rgba(156, 39, 176, 0.3)"
>
Purple
</div>
@ -130,6 +139,7 @@ export default {
}
}"
class="p-ripple box"
style="border: 1px solid rgba(75, 175, 80, 0.3)"
>
Green
</div>
@ -140,6 +150,7 @@ export default {
}
}"
class="p-ripple box"
style="border: 1px solid rgba(255, 193, 6, 0.3)"
>
Orange
</div>
@ -150,6 +161,7 @@ export default {
}
}"
class="p-ripple box"
style="border: 1px solid rgba(156, 39, 176, 0.3)"
>
Purple
</div>

16
layouts/default.vue
View File

@ -31,23 +31,35 @@ export default {
data() {
return {
sidebarActive: false,
appConfigActive: false
appConfigActive: false,
defaultRipple: false
};
},
watch: {
$route: {
immediate: true,
handler(to) {
handler(to, from) {
if (!process.client || typeof window === 'undefined') {
return;
}
if (!this.defaultRipple) {
if (to.name === 'ripple') {
this.$appState.ripple = true;
} else if (from?.name === 'ripple') {
this.$appState.ripple = this.defaultRipple;
}
}
this.sidebarActive = false;
DomHandler.unblockBodyScroll('blocked-scroll');
this.$toast.removeAllGroups();
}
}
},
beforeCreate() {
this.defaultRipple = this.$appState.ripple;
},
mounted() {
if (this.isOutdatedIE()) {
this.$toast.add({