cybrespace
/
pinafore
1
0
Fork 1
Code Issues Pull Requests Releases Wiki Activity

tweak styles

This commit is contained in:
Nolan Lawson 2018-04-01 02:54:40 -07:00
parent 642250e50c
commit 64fccee69b
1 changed files with 5 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
routes/_components/status/StatusHeader.html
View File

@ -1,4 +1,4 @@
<div class="status-header {{isStatusInNotification ? 'status-in-notification' : ''}}"> <div class="status-header {{isStatusInNotification ? 'status-in-notification' : ''}} {{notification && notification.type === 'follow' ? 'header-is-follow' : ''}}">
<div class="status-header-avatar {{timelineType === 'pinned' ? 'hidden' : ''}}"> <div class="status-header-avatar {{timelineType === 'pinned' ? 'hidden' : ''}}">
<Avatar :account size="extra-small"/> <Avatar :account size="extra-small"/>
</div> </div>
@ -30,10 +30,13 @@
<style> <style>
.status-header { .status-header {
grid-area: header; grid-area: header;
margin: 5px 10px 5px 5px; margin: 0 10px 5px 5px;
display: flex; display: flex;
align-items: center; align-items: center;
} }
.status-header.header-is-follow {
margin-bottom: 0; /* standalone, so doesn't need a bottom margin */
}
.status-header-avatar { .status-header-avatar {
margin-left: 19px; /* offset for avatar, 48px - 24px - 5px */ margin-left: 19px; /* offset for avatar, 48px - 24px - 5px */