jekyll-glossary_tooltip 1.1.0 → 1.2.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 83377b31e4fd2496cf08adebb7cafb28291c10c26d45261dcdcfab8048d3eb18
-  data.tar.gz: 5ecf00d0a3d0a8b44e029af82ee3a4a4cb9c9105c286f3c1913a003cff55ff29
+  metadata.gz: 1af18a86074c299e01cd5fc9e56aa0fcf5f45259d8873b662ff0a13ae06bb8ee
+  data.tar.gz: d658eba2a0b8b1452895552cc0232e185a93e119a02ec82bce3a834fd54a1fe5
 SHA512:
-  metadata.gz: fec53c345bbeb2e580dbeb8eef9349d189f35885f2c952b3c27c7d14899933fb9f7f75bc02831fbf1d3b708474f9c523a583618f9ff9f878a25bb21a355fd784
-  data.tar.gz: 338b23717e6025ef834cb7cb719b5ad9d58958472c9d67870398f7c3777935e9d6373d9c1d93d2e4f991b8a61ded6decc3445ca72802550aa8c1c043e34aa7d3
+  metadata.gz: 4718441b5e7f1fa5ad8ce072121783c2602f1a6b7c779d617fb47aa556055f0474b364bb288c14a659dd02f273a14a96487046a165f172ada81ca976af0b4ff1
+  data.tar.gz: 7ef65497569c403ab6aec4c9ca7e91c9cc9db316db62705310afd770f442f8d039d176b60830535d4560e20d5845335ac21da3e1e18e8b3dfd10f20e1339899c

data/CHANGELOG.md

@@ -1,3 +1,8 @@
+## [1.2.0] - 2021-08-06
+- Add bottom arrow to the tooltip.
+- Restyle the glossary term bottom border style and color.
+- Add tooltip hover animation from invisible to visible.
+
 ## [1.1.0] - 2021-08-06
 - Add optional `display:` argument to set a different term display name, rather than using the term name as defined in the glossary file. Usage: `{% glossary term_name, display: Different Name To Display %}`.
 

data/README.md

@@ -62,9 +62,9 @@ This could look something like:
 On any page where you've made sure include the needed CSS styling, you can use the glossary tag simply like
 
 ```markdown
-Here I'm taling about {% glossary term_name %} in a blog post.
+Here I'm talking about {% glossary term_name %} in a blog post.
 
-The term name can contain spaces like {% glossary operating system }.
+The term name can contain spaces like {% glossary operating system %}.
 
 Even if the term is defined in _data/glossary.yml as 'term_name', the matching is case-insensitive meaning that I can look it up using {% glossary TeRM_NaME %}. Note that the term is displayed as defined in the tag rather than the definition, here meaing 'TeRM_NaME'.
 
@@ -72,12 +72,11 @@ The case-styling above works as there's still a case-insensitive match. But what
 {% glossary <term>, display: <diplay name> %}
 
 This could be e.g.
-{% glossary cat, display: cats%}
-{% glossary some term, display: some other display%}
-
-TODO mention that a term name can't contain comma
+{% glossary cat, display: cats %}
+{% glossary some term, display: some other display text %}
 ```
-Not that a term name can not contain a `,`, as this is the argument separator character.
+
+**Note** that a term name can not contain a `,`, as this is the argument separator character.
 
 
 ## CSS Style Override

data/lib/jekyll-glossary_tooltip/jekyll-glossary_tooltip.css

@@ -2,7 +2,7 @@
 .jekyll-glossary {
   position: relative;
   display: inline-block;
-  border-bottom: 3px dotted blue;
+  border-bottom: 2px dotted #0074bd;
   cursor: help;
 }
 
@@ -36,3 +36,24 @@
 .jekyll-glossary-source-link:before {
   content: "[source]";  // "(reference)", "<link>" or whatever you want.
 }
+
+/* Arrow created with borders. */
+.jekyll-glossary .jekyll-glossary-tooltip::after {
+  content: " ";
+  position: absolute;
+  top: 100%;
+  left: 50%;
+  margin-left: -5px;
+  border-width: 5px;
+  border-style: solid;
+  border-color: black transparent transparent transparent;
+}
+
+/* Animation from invisible to visible on hover. */
+.jekyll-glossary .jekyll-glossary-tooltip {
+  opacity: 0;
+  transition: opacity 1s;
+}
+.jekyll-glossary:hover .jekyll-glossary-tooltip {
+  opacity: 1;
+}

data/lib/jekyll-glossary_tooltip/version.rb

@@ -2,6 +2,6 @@
 
 module Jekyll
   module GlossaryTooltip
-    VERSION = "1.1.0"
+    VERSION = "1.2.0"
   end
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: jekyll-glossary_tooltip
 version: !ruby/object:Gem::Version
-  version: 1.1.0
+  version: 1.2.0
 platform: ruby
 authors:
 - Erik Westrup
 autorequire:
 bindir: exe
 cert_chain: []
-date: 2021-08-05 00:00:00.000000000 Z
+date: 2021-08-06 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll