From 696024cfca55c4f4bff7b79fa7ae13de6ee29623 Mon Sep 17 00:00:00 2001 From: EuAndreh Date: Fri, 30 Oct 2020 16:00:01 -0300 Subject: Wrap header with link using a div rather than a span --- _plugins/add-anchor-to-header-from-header-id.rb | 2 +- styles.css | 20 ++++++++++---------- 2 files changed, 11 insertions(+), 11 deletions(-) diff --git a/_plugins/add-anchor-to-header-from-header-id.rb b/_plugins/add-anchor-to-header-from-header-id.rb index 33e3ad7..b90d22c 100644 --- a/_plugins/add-anchor-to-header-from-header-id.rb +++ b/_plugins/add-anchor-to-header-from-header-id.rb @@ -3,7 +3,7 @@ Jekyll::Hooks.register [:documents, :pages], :post_render do |doc| doc.output = doc.output.gsub( /(.*?)<\/h[1-6]>/, - '\5' + '
\5
' ) end end diff --git a/styles.css b/styles.css index dc90b15..3bf61f6 100644 --- a/styles.css +++ b/styles.css @@ -123,28 +123,28 @@ a.code-line-anchor:hover { /* Header anchor */ -span.header-anchor { +div.header-anchor { color: black; text-decoration: none; - display: block; + display: inline; margin-bottom: 15px; } -span.header-anchor h1, -span.header-anchor h2, -span.header-anchor h3, -span.header-anchor h4, -span.header-anchor h5, -span.header-anchor h6 { +div.header-anchor h1, +div.header-anchor h2, +div.header-anchor h3, +div.header-anchor h4, +div.header-anchor h5, +div.header-anchor h6 { display: inline; } -span.header-anchor img { +div.header-anchor img { visibility: hidden; } -span.header-anchor:hover img { +div.header-anchor:hover img { visibility: visible; } -- cgit v1.2.3