hj/pleroma-fe
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

badge, alert(dot) improvements

Browse source
This commit is contained in:
Henry Jameson 2024-02-16 00:29:16 +02:00
commit 7c77809ff9
14 changed files with 44 additions and 97 deletions
Download patch file Download diff file Expand all files Collapse all files

6
src/components/navigation/navigation_entry.vue
View file

@ -34,7 +34,7 @@
<slot />
<div
v-if="item.badgeGetter && getters[item.badgeGetter]"
class="badge badge-notification"
class="badge -notification"
>
{{ getters[item.badgeGetter] }}
</div>
@ -100,5 +100,9 @@
margin-right: -0.8em;
}
}
.badge {
margin: 0 0.8em;
}
}
</style>

13
src/components/navigation/navigation_pins.vue
View file

@ -19,7 +19,7 @@
>{{ item.iconLetter }}</span>
<div
v-if="item.badgeGetter && getters[item.badgeGetter]"
class="badge alert-dot"
class="badge -dot -notification"
/>
</router-link>
</span>
@ -36,17 +36,6 @@
overflow: hidden;
height: 100%;
.alert-dot {
border-radius: 100%;
height: 0.5em;
width: 0.5em;
position: absolute;
right: calc(50% - 0.75em);
top: calc(50% - 0.5em);
background-color: $fallback--cRed;
background-color: var(--badgeNotification, $fallback--cRed);
}
.pinned-item {
position: relative;
flex: 1 0 3em;