data.coop/pinafore
8
0
Fork 0
Code Issues 1 Pull requests Packages Projects Releases Wiki Activity

tweak pseudo virtual list

Browse source
This commit is contained in:
Nolan Lawson 2018-01-30 21:02:07 -08:00
parent d2fe8b29f4
commit 03b055ab20
2 changed files with 6 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
routes/_components/pseudoVirtualList/PseudoVirtualListItem.html
View file

@ -1,4 +1,5 @@
<div class="pseudo-virtual-list-item"
aria-hidden="{{hide}}"
pseudo-virtual-list-key="{{key}}"
style="height: {{hide ? `${height}px` : ''}};"
ref:node>

9
routes/_components/status/Status.html
View file

@ -1,4 +1,5 @@
<article class="status-article {{originalStatus.visibility === 'direct' ? 'status-direct' : ''}}" tabindex="0"
<article class="status-article {{originalStatus.visibility === 'direct' ? 'status-direct' : ''}} {{isStatusInContext ? 'status-in-context' : ''}}"
tabindex="0"
aria-posinset="{{index}}" aria-setsize="{{length}}"
on:recalculateHeight>
{{#if status.reblog}}
@ -39,7 +40,7 @@
</div>
{{/if}}
{{#if !originalStatus.spoiler_text || spoilerShown}}
<div class="status-content {{isStatusInContext ? 'status-in-context' : ''}}" ref:contentNode>
<div class="status-content" ref:contentNode>
{{{emojifiedContent}}}
</div>
{{/if}}
@ -176,8 +177,8 @@
font-size: 0.9em;
}
.status-content.status-in-context {
font-size: 1.1em;
.status-in-context .status-content {
font-size: 1.3em;
margin: 20px 10px 20px 5px;
}