From 9ed40342605f079afe4cf668ed4fbb7ab87c4664 Mon Sep 17 00:00:00 2001
From: welpo <welpo@users.noreply.github.com>
Date: Tue, 21 Feb 2023 14:51:02 +0100
Subject: [PATCH] =?UTF-8?q?=F0=9F=A5=9A=20refactor:=20show=20word=20count?=
 =?UTF-8?q?=20as=20reading=20time=20tooltip?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 sass/parts/_misc.scss        | 6 ++++++
 templates/macros/macros.html | 5 ++---
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/sass/parts/_misc.scss b/sass/parts/_misc.scss
index 6b93625..1557e1c 100644
--- a/sass/parts/_misc.scss
+++ b/sass/parts/_misc.scss
@@ -127,3 +127,9 @@ table tbody tr:nth-child(even) {
 .meta span::before {
   content: attr(reading-time);
 }
+
+.meta span.reading-time span.word-count {
+  display: inline-block;
+  position: relative;
+  width: 61em; /* adjust this value as needed */
+}
diff --git a/templates/macros/macros.html b/templates/macros/macros.html
index 9da8e94..9eb9d9f 100644
--- a/templates/macros/macros.html
+++ b/templates/macros/macros.html
@@ -119,11 +119,10 @@
                     •
                 {% endif %}
 
-                <span reading-time="{{ page.reading_time }} min read" word-count="{{ page.word_count }} words">{% if page.taxonomies and page.taxonomies.tags %}&nbsp;{%
-                    endif %}</span>
+                <span title="{{ page.word_count }} words">{{ page.reading_time }} min read{% if page.taxonomies and page.taxonomies.tags %}&nbsp;•&nbsp;{%endif %}</span>
 
                 {% if page.taxonomies and page.taxonomies.tags %}
-                <nav class="nav tags"> • Categories:
+                <nav class="nav tags">Categories:
                     {% for tag in page.taxonomies.tags %}
                     <a href={{ get_taxonomy_url(kind='tags' , name=tag) | safe }}>{{ tag }}</a>{% if not loop.last %},
                     {% endif %}