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

Loads of fixes: notifs, autoload setting, overflow, faint text, reply form, status fadein.

Browse source
This commit is contained in:
shpuld 2018-04-11 19:34:40 +03:00
parent 82ee24ec31
commit a1f6ef1dca
12 changed files with 50 additions and 41 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -20,8 +20,8 @@
position: relative;
background: $fallback--btn;
background: var(--btn, $fallback--btn);
color: $fallback--faint;
color: var(--faint, $fallback--faint);
color: $fallback--fg;
color: var(--fg, $fallback--fg);
.read-button {
position: absolute;
right: 0.7em;
@ -105,7 +105,7 @@
color: var($fallback--faint, --faint);
}
padding: 0;
.status-content.media-body {
.media-body {
margin: 0;
}
}
@ -200,13 +200,3 @@
border-bottom: none;
}
}
.notification-content {
max-height: 12em;
overflow-y: hidden;
//text-overflow: ellipsis;
img {
object-fit: contain;
}
}

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

@ -7,7 +7,7 @@
<button v-if="unseenCount" @click.prevent="markAsSeen" class="read-button">{{$t('notifications.read')}}</button>
</div>
<div class="panel-body">
<div v-for="notification in visibleNotifications" :key="notification" class="notification" :class='{"unseen": !notification.seen}'>
<div v-for="notification in visibleNotifications" :key="notification.action.id" class="notification" :class='{"unseen": !notification.seen}'>
<notification :notification="notification"></notification>
</div>
</div>