commit 457da06f22b6cb522306e22a3815146f516e2a16
parent 73d0123d69306a150e4f0df5002296028d630fd2
Author: St John Karp <stjohn@fuzzjunket.com>
Date: Sun, 7 Oct 2018 17:51:22 -0700
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.
Diffstat:
8 files changed, 43 insertions(+), 36 deletions(-)
diff --git a/public/css/styles.css b/public/css/styles.css
@@ -82,18 +82,17 @@ input, textarea {
width: 100%;
}
+ul {
+ list-style: none;
+ padding: 0;
+}
+
nav ul {
display: flex;
justify-content: space-between;
- list-style: none;
- padding: 0;
}
nav ul li {
display: inline;
margin-top: 0;
}
-
-hr {
- display: none;
-}
diff --git a/resources/views/context.blade.php b/resources/views/context.blade.php
@@ -15,17 +15,19 @@
@component('navigation')
@endcomponent
- @foreach ($context['ancestors'] as $ancestor)
- @component('status', ['status' => $ancestor])
- @endcomponent
- @endforeach
-
- @component('status', ['status' => $status])
- @endcomponent
+ <ul>
+ @foreach ($context['ancestors'] as $ancestor)
+ @component('status', ['status' => $ancestor])
+ @endcomponent
+ @endforeach
- @foreach ($context['descendants'] as $descendant)
- @component('status', ['status' => $descendant])
+ @component('status', ['status' => $status])
@endcomponent
- @endforeach
+
+ @foreach ($context['descendants'] as $descendant)
+ @component('status', ['status' => $descendant])
+ @endcomponent
+ @endforeach
+ </ul>
</body>
</html>
diff --git a/resources/views/home_timeline.blade.php b/resources/views/home_timeline.blade.php
@@ -22,10 +22,12 @@
{{ csrf_field() }}
</form>
- @foreach ($statuses as $status)
- @component('status', ['status' => $status])
- @endcomponent
- @endforeach
+ <ul>
+ @foreach ($statuses as $status)
+ @component('status', ['status' => $status])
+ @endcomponent
+ @endforeach
+ </ul>
@component('pagination', ['links' => $links])
@endcomponent
diff --git a/resources/views/notification.blade.php b/resources/views/notification.blade.php
@@ -1,4 +1,4 @@
-<article>
+<li><article>
@component('event_info', [
'account' => $notification['account'],
'created_at' => $notification['created_at'],
@@ -10,4 +10,4 @@
@component('status', ['status' => $notification['status']])
@endcomponent
@endif
-</article>
+</article></li>
diff --git a/resources/views/notifications.blade.php b/resources/views/notifications.blade.php
@@ -15,10 +15,12 @@
@component('navigation')
@endcomponent
- @foreach ($notifications as $notification)
- @component('notification', ['notification' => $notification])
- @endcomponent
- @endforeach
+ <ul>
+ @foreach ($notifications as $notification)
+ @component('notification', ['notification' => $notification])
+ @endcomponent
+ @endforeach
+ </ul>
@component('pagination', ['links' => $links])
@endcomponent
diff --git a/resources/views/public_timeline.blade.php b/resources/views/public_timeline.blade.php
@@ -15,10 +15,12 @@
@component('navigation')
@endcomponent
- @foreach ($statuses as $status)
- @component('status', ['status' => $status])
- @endcomponent
- @endforeach
+ <ul>
+ @foreach ($statuses as $status)
+ @component('status', ['status' => $status])
+ @endcomponent
+ @endforeach
+ </ul>
@component('pagination', ['links' => $links])
@endcomponent
diff --git a/resources/views/status.blade.php b/resources/views/status.blade.php
@@ -1,5 +1,4 @@
-<hr />
-<article>
+<li><article>
@component('event_info', [
'account' => $status['account'],
'created_at' => $status['created_at'],
@@ -54,5 +53,4 @@
{{ $status['favourites_count'] }}
</span>
</div>
-</article>
-<hr />
+</article></li>
diff --git a/resources/views/status_content.blade.php b/resources/views/status_content.blade.php
@@ -28,6 +28,8 @@
@endif
@endforeach
@else
- @component('status', ['status' => $status['reblog']])
- @endcomponent
+ <ul>
+ @component('status', ['status' => $status['reblog']])
+ @endcomponent
+ </ul>
@endif