therwi/sunkkoma
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

better preview, collateral fixes

Browse source
This commit is contained in:
Henry Jameson 2018-11-26 03:19:04 +03:00
parent 572c874f5c
commit 9a9dc47fc5
8 changed files with 123 additions and 28 deletions
Download patch file Download diff file Expand all files Collapse all files

17
src/components/notifications/notifications.scss
View file

@ -4,23 +4,6 @@
// a bit of a hack to allow scrolling below notifications
padding-bottom: 15em;
.unseen-count {
display: inline-block;
background-color: $fallback--cRed;
background-color: var(--badgeNotification, $fallback--cRed);
border-radius: 99px;
min-width: 22px;
max-width: 22px;
min-height: 22px;
max-height: 22px;
color: white;
color: var(--badgeNotificationText, white);
font-size: 15px;
line-height: 22px;
text-align: center;
vertical-align: middle
}
.loadmore-error {
color: $fallback--text;
color: var(--text, $fallback--text);

2
src/components/notifications/notifications.vue
View file

@ -4,7 +4,7 @@
<div class="panel-heading">
<div class="title">
{{$t('notifications.notifications')}}
<span class="unseen-count" v-if="unseenCount">{{unseenCount}}</span>
<span class="badge badge-notification unseen-count" v-if="unseenCount">{{unseenCount}}</span>
</div>
<div @click.prevent class="loadmore-error alert error" v-if="error">
{{$t('timeline.error_fetching')}}