RPJosh
/
memories
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

refactor: change classname bbl 

Signed-off-by: Varun Patil <radialapps@gmail.com>
pull/653/head
Varun Patil 2023-04-29 00:25:28 -07:00
parent d4c71b886b
commit 578b0645f4
1 changed files with 3 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/components/frame/Cluster.vue
View File

@ -1,6 +1,6 @@
<template> <template>
<router-link draggable="false" class="cluster fill-block" :class="{ error }" :to="target" @click.native="click"> <router-link draggable="false" class="cluster fill-block" :class="{ error }" :to="target" @click.native="click">
<div class="bbl" v-if="data.count"> <div class="count-bubble" v-if="data.count">
<NcCounterBubble> {{ data.count }} </NcCounterBubble> <NcCounterBubble> {{ data.count }} </NcCounterBubble>
</div> </div>
<div class="name"> <div class="name">
@ -155,13 +155,12 @@ export default defineComponent({
<style lang="scss" scoped> <style lang="scss" scoped>
.cluster, .cluster,
.name, .name,
.bubble,
img { img {
cursor: pointer; cursor: pointer;
} }
// Get rid of color of the bubble // Get rid of color of the bubble
.cluster .bbl :deep .counter-bubble__counter { .cluster .count-bubble :deep .counter-bubble__counter {
color: unset !important; color: unset !important;
} }
@ -193,7 +192,7 @@ img {
} }
} }
.bbl { .count-bubble {
z-index: 100; z-index: 100;
position: absolute; position: absolute;
top: 6px; top: 6px;