UX: Prevent new badge from being orphaned on mobile
This commit is contained in:
parent
8009d7bda2
commit
c60182cdb2
|
@ -7,6 +7,13 @@
|
||||||
{{else}}
|
{{else}}
|
||||||
<div>
|
<div>
|
||||||
{{/unless~}}
|
{{/unless~}}
|
||||||
|
{{!--
|
||||||
|
The `~` syntax strip spaces between the elements, making it produce
|
||||||
|
`<a class=topic-post-badges>Some text</a><span class=topic-post-badges>`,
|
||||||
|
with no space between them.
|
||||||
|
This causes the topic-post-badge to be considered the same word as "text"
|
||||||
|
at the end of the link, preventing it from line wrapping onto its own line.
|
||||||
|
--}}
|
||||||
<div class='main-link'>
|
<div class='main-link'>
|
||||||
{{~raw-plugin-outlet name="topic-list-before-status"}}
|
{{~raw-plugin-outlet name="topic-list-before-status"}}
|
||||||
{{~raw "topic-status" topic=topic~}}
|
{{~raw "topic-status" topic=topic~}}
|
||||||
|
@ -15,7 +22,7 @@
|
||||||
{{~topic-featured-link topic~}}
|
{{~topic-featured-link topic~}}
|
||||||
{{~/if~}}
|
{{~/if~}}
|
||||||
{{~#if topic.unseen~}}
|
{{~#if topic.unseen~}}
|
||||||
<span class="badge-notification new-topic"></span>
|
<span class="topic-post-badges"> <span class="badge-notification new-topic"></span></span>
|
||||||
{{~/if~}}
|
{{~/if~}}
|
||||||
{{~#if expandPinned~}}
|
{{~#if expandPinned~}}
|
||||||
{{~raw "list/topic-excerpt" topic=topic~}}
|
{{~raw "list/topic-excerpt" topic=topic~}}
|
||||||
|
@ -41,4 +48,4 @@
|
||||||
<div class="clearfix"></div>
|
<div class="clearfix"></div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</td>
|
</td>
|
||||||
|
|
Loading…
Reference in New Issue