mirror of https://git.stjo.hn/planiverse
Switch from hr dividers to list items
Switched from using horizontal rules to divide articles to making each article a list item. This is invisible to graphical browsers, but makes identifying posts and reposts much easier in text browsers.
This commit is contained in:
parent
73d0123d69
commit
457da06f22
|
@ -82,18 +82,17 @@ input, textarea {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
ul {
|
||||||
|
list-style: none;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
nav ul {
|
nav ul {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
list-style: none;
|
|
||||||
padding: 0;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
nav ul li {
|
nav ul li {
|
||||||
display: inline;
|
display: inline;
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
hr {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
|
@ -15,17 +15,19 @@
|
||||||
@component('navigation')
|
@component('navigation')
|
||||||
@endcomponent
|
@endcomponent
|
||||||
|
|
||||||
@foreach ($context['ancestors'] as $ancestor)
|
<ul>
|
||||||
@component('status', ['status' => $ancestor])
|
@foreach ($context['ancestors'] as $ancestor)
|
||||||
@endcomponent
|
@component('status', ['status' => $ancestor])
|
||||||
@endforeach
|
@endcomponent
|
||||||
|
@endforeach
|
||||||
|
|
||||||
@component('status', ['status' => $status])
|
@component('status', ['status' => $status])
|
||||||
@endcomponent
|
|
||||||
|
|
||||||
@foreach ($context['descendants'] as $descendant)
|
|
||||||
@component('status', ['status' => $descendant])
|
|
||||||
@endcomponent
|
@endcomponent
|
||||||
@endforeach
|
|
||||||
|
@foreach ($context['descendants'] as $descendant)
|
||||||
|
@component('status', ['status' => $descendant])
|
||||||
|
@endcomponent
|
||||||
|
@endforeach
|
||||||
|
</ul>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
@ -22,10 +22,12 @@
|
||||||
{{ csrf_field() }}
|
{{ csrf_field() }}
|
||||||
</form>
|
</form>
|
||||||
|
|
||||||
@foreach ($statuses as $status)
|
<ul>
|
||||||
@component('status', ['status' => $status])
|
@foreach ($statuses as $status)
|
||||||
@endcomponent
|
@component('status', ['status' => $status])
|
||||||
@endforeach
|
@endcomponent
|
||||||
|
@endforeach
|
||||||
|
</ul>
|
||||||
|
|
||||||
@component('pagination', ['links' => $links])
|
@component('pagination', ['links' => $links])
|
||||||
@endcomponent
|
@endcomponent
|
||||||
|
|
|
@ -1,4 +1,4 @@
|
||||||
<article>
|
<li><article>
|
||||||
@component('event_info', [
|
@component('event_info', [
|
||||||
'account' => $notification['account'],
|
'account' => $notification['account'],
|
||||||
'created_at' => $notification['created_at'],
|
'created_at' => $notification['created_at'],
|
||||||
|
@ -10,4 +10,4 @@
|
||||||
@component('status', ['status' => $notification['status']])
|
@component('status', ['status' => $notification['status']])
|
||||||
@endcomponent
|
@endcomponent
|
||||||
@endif
|
@endif
|
||||||
</article>
|
</article></li>
|
||||||
|
|
|
@ -15,10 +15,12 @@
|
||||||
@component('navigation')
|
@component('navigation')
|
||||||
@endcomponent
|
@endcomponent
|
||||||
|
|
||||||
@foreach ($notifications as $notification)
|
<ul>
|
||||||
@component('notification', ['notification' => $notification])
|
@foreach ($notifications as $notification)
|
||||||
@endcomponent
|
@component('notification', ['notification' => $notification])
|
||||||
@endforeach
|
@endcomponent
|
||||||
|
@endforeach
|
||||||
|
</ul>
|
||||||
|
|
||||||
@component('pagination', ['links' => $links])
|
@component('pagination', ['links' => $links])
|
||||||
@endcomponent
|
@endcomponent
|
||||||
|
|
|
@ -15,10 +15,12 @@
|
||||||
@component('navigation')
|
@component('navigation')
|
||||||
@endcomponent
|
@endcomponent
|
||||||
|
|
||||||
@foreach ($statuses as $status)
|
<ul>
|
||||||
@component('status', ['status' => $status])
|
@foreach ($statuses as $status)
|
||||||
@endcomponent
|
@component('status', ['status' => $status])
|
||||||
@endforeach
|
@endcomponent
|
||||||
|
@endforeach
|
||||||
|
</ul>
|
||||||
|
|
||||||
@component('pagination', ['links' => $links])
|
@component('pagination', ['links' => $links])
|
||||||
@endcomponent
|
@endcomponent
|
||||||
|
|
|
@ -1,5 +1,4 @@
|
||||||
<hr />
|
<li><article>
|
||||||
<article>
|
|
||||||
@component('event_info', [
|
@component('event_info', [
|
||||||
'account' => $status['account'],
|
'account' => $status['account'],
|
||||||
'created_at' => $status['created_at'],
|
'created_at' => $status['created_at'],
|
||||||
|
@ -54,5 +53,4 @@
|
||||||
{{ $status['favourites_count'] }}
|
{{ $status['favourites_count'] }}
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
</article>
|
</article></li>
|
||||||
<hr />
|
|
||||||
|
|
|
@ -28,6 +28,8 @@
|
||||||
@endif
|
@endif
|
||||||
@endforeach
|
@endforeach
|
||||||
@else
|
@else
|
||||||
@component('status', ['status' => $status['reblog']])
|
<ul>
|
||||||
@endcomponent
|
@component('status', ['status' => $status['reblog']])
|
||||||
|
@endcomponent
|
||||||
|
</ul>
|
||||||
@endif
|
@endif
|
||||||
|
|
Loading…
Reference in New Issue