From dbbe307a03fc795c8ec7834dcc3a81cfe1df424b Mon Sep 17 00:00:00 2001 From: St John Karp Date: Sun, 19 Aug 2018 10:02:02 -0700 Subject: [PATCH] Add navigation to the top of the page, rework some CSS Added navigation links to the top of the timeline pages. Updated the HTML/CSS to be a bit more semantic (using article tags), and replaced the broken tooltips with HTML title attributes. --- public/css/styles.css | 33 +++-------------------- resources/views/home_timeline.blade.php | 3 +++ resources/views/navigation.blade.php | 6 +++++ resources/views/public_timeline.blade.php | 3 +++ resources/views/status.blade.php | 9 +++---- 5 files changed, 19 insertions(+), 35 deletions(-) create mode 100644 resources/views/navigation.blade.php diff --git a/public/css/styles.css b/public/css/styles.css index 2301cce..23f91d2 100644 --- a/public/css/styles.css +++ b/public/css/styles.css @@ -41,16 +41,16 @@ a:visited { color: #de3d83; } -div.status { +article { border: 1px solid black; padding: 1em; } -div.status img { +article img { max-width: 100%; } -div.status img.avatar { +article img.avatar { max-width: 48px; } @@ -89,30 +89,3 @@ nav ul li { display: inline; margin-top: 0; } - -/* Tooltip container */ -.tooltip { - position: relative; - display: inline-block; - border-bottom: 1px dotted black; /* If you want dots under the hoverable text */ -} - -/* Tooltip text */ -.tooltip .tooltiptext { - visibility: hidden; - width: 120px; - background-color: black; - color: #fff; - text-align: center; - padding: 5px 0; - border-radius: 6px; - - /* Position the tooltip text - see examples below! */ - position: absolute; - z-index: 1; -} - -/* Show the tooltip text when you mouse over the tooltip container */ -.tooltip:hover .tooltiptext { - visibility: visible; -} diff --git a/resources/views/home_timeline.blade.php b/resources/views/home_timeline.blade.php index d12b1da..a67c702 100644 --- a/resources/views/home_timeline.blade.php +++ b/resources/views/home_timeline.blade.php @@ -12,6 +12,9 @@

{{ $mastodon_domain }} | Timeline

+ @component('navigation') + @endcomponent +
diff --git a/resources/views/navigation.blade.php b/resources/views/navigation.blade.php new file mode 100644 index 0000000..fde3d05 --- /dev/null +++ b/resources/views/navigation.blade.php @@ -0,0 +1,6 @@ + diff --git a/resources/views/public_timeline.blade.php b/resources/views/public_timeline.blade.php index 659bafa..eca475d 100644 --- a/resources/views/public_timeline.blade.php +++ b/resources/views/public_timeline.blade.php @@ -12,6 +12,9 @@

{{ $mastodon_domain }} | Public Timeline

+ @component('navigation') + @endcomponent + @foreach ($statuses as $status) @component('status', ['status' => $status]) @endcomponent diff --git a/resources/views/status.blade.php b/resources/views/status.blade.php index e0c37da..2ad9dd3 100644 --- a/resources/views/status.blade.php +++ b/resources/views/status.blade.php @@ -1,5 +1,5 @@ -
-
+
+
- +