vertumnus/primevue-mirror
1
0
Fork 0
mirror of https://github.com/primefaces/primevue.git synced 2025-05-11 01:42:34 +00:00
Code Issues Projects Releases Packages Wiki Activity

Ripple for icons

Browse source
This commit is contained in:
cagataycivici 2020-06-26 23:39:38 +03:00
parent a60a345bb4
commit c00f3822bf
5 changed files with 32 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

8
src/components/overlaypanel/OverlayPanel.vue
View file

@ -4,7 +4,7 @@
<div class="p-overlaypanel-content">
<slot></slot>
</div>
<button class="p-overlaypanel-close p-link" @click="hide" v-if="showCloseIcon" :aria-label="ariaCloseLabel" type="button">
<button class="p-overlaypanel-close p-link" @click="hide" v-if="showCloseIcon" :aria-label="ariaCloseLabel" type="button" v-ripple>
<span class="p-overlaypanel-close-icon pi pi-times"></span>
</button>
</div>
@ -13,6 +13,7 @@
<script>
import DomHandler from '../utils/DomHandler';
import Ripple from '../ripple/Ripple';
export default {
props: {
@ -146,6 +147,9 @@ export default {
document.getElementById(this.appendTo).removeChild(this.$refs.container);
}
}
},
directives: {
'ripple': Ripple
}
}
</script>
@ -165,6 +169,8 @@ export default {
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
position: relative;
}
/* Animation */