jekyll-glossary_tooltip 1.1.0 → 1.2.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/CHANGELOG.md +5 -0
- data/README.md +6 -7
- data/img/tooltip_screenshot.png +0 -0
- data/img/tooltip_screenshot.xcf +0 -0
- data/lib/jekyll-glossary_tooltip/jekyll-glossary_tooltip.css +22 -1
- data/lib/jekyll-glossary_tooltip/version.rb +1 -1
- metadata +2 -2
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 1af18a86074c299e01cd5fc9e56aa0fcf5f45259d8873b662ff0a13ae06bb8ee
|
4
|
+
data.tar.gz: d658eba2a0b8b1452895552cc0232e185a93e119a02ec82bce3a834fd54a1fe5
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 4718441b5e7f1fa5ad8ce072121783c2602f1a6b7c779d617fb47aa556055f0474b364bb288c14a659dd02f273a14a96487046a165f172ada81ca976af0b4ff1
|
7
|
+
data.tar.gz: 7ef65497569c403ab6aec4c9ca7e91c9cc9db316db62705310afd770f442f8d039d176b60830535d4560e20d5845335ac21da3e1e18e8b3dfd10f20e1339899c
|
data/CHANGELOG.md
CHANGED
@@ -1,3 +1,8 @@
|
|
1
|
+
## [1.2.0] - 2021-08-06
|
2
|
+
- Add bottom arrow to the tooltip.
|
3
|
+
- Restyle the glossary term bottom border style and color.
|
4
|
+
- Add tooltip hover animation from invisible to visible.
|
5
|
+
|
1
6
|
## [1.1.0] - 2021-08-06
|
2
7
|
- 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 %}`.
|
3
8
|
|
data/README.md
CHANGED
@@ -62,9 +62,9 @@ This could look something like:
|
|
62
62
|
On any page where you've made sure include the needed CSS styling, you can use the glossary tag simply like
|
63
63
|
|
64
64
|
```markdown
|
65
|
-
Here I'm
|
65
|
+
Here I'm talking about {% glossary term_name %} in a blog post.
|
66
66
|
|
67
|
-
The term name can contain spaces like {% glossary operating system }.
|
67
|
+
The term name can contain spaces like {% glossary operating system %}.
|
68
68
|
|
69
69
|
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'.
|
70
70
|
|
@@ -72,12 +72,11 @@ The case-styling above works as there's still a case-insensitive match. But what
|
|
72
72
|
{% glossary <term>, display: <diplay name> %}
|
73
73
|
|
74
74
|
This could be e.g.
|
75
|
-
{% glossary cat, display: cats%}
|
76
|
-
{% glossary some term, display: some other display%}
|
77
|
-
|
78
|
-
TODO mention that a term name can't contain comma
|
75
|
+
{% glossary cat, display: cats %}
|
76
|
+
{% glossary some term, display: some other display text %}
|
79
77
|
```
|
80
|
-
|
78
|
+
|
79
|
+
**Note** that a term name can not contain a `,`, as this is the argument separator character.
|
81
80
|
|
82
81
|
|
83
82
|
## CSS Style Override
|
data/img/tooltip_screenshot.png
CHANGED
Binary file
|
data/img/tooltip_screenshot.xcf
CHANGED
Binary file
|
@@ -2,7 +2,7 @@
|
|
2
2
|
.jekyll-glossary {
|
3
3
|
position: relative;
|
4
4
|
display: inline-block;
|
5
|
-
border-bottom:
|
5
|
+
border-bottom: 2px dotted #0074bd;
|
6
6
|
cursor: help;
|
7
7
|
}
|
8
8
|
|
@@ -36,3 +36,24 @@
|
|
36
36
|
.jekyll-glossary-source-link:before {
|
37
37
|
content: "[source]"; // "(reference)", "<link>" or whatever you want.
|
38
38
|
}
|
39
|
+
|
40
|
+
/* Arrow created with borders. */
|
41
|
+
.jekyll-glossary .jekyll-glossary-tooltip::after {
|
42
|
+
content: " ";
|
43
|
+
position: absolute;
|
44
|
+
top: 100%;
|
45
|
+
left: 50%;
|
46
|
+
margin-left: -5px;
|
47
|
+
border-width: 5px;
|
48
|
+
border-style: solid;
|
49
|
+
border-color: black transparent transparent transparent;
|
50
|
+
}
|
51
|
+
|
52
|
+
/* Animation from invisible to visible on hover. */
|
53
|
+
.jekyll-glossary .jekyll-glossary-tooltip {
|
54
|
+
opacity: 0;
|
55
|
+
transition: opacity 1s;
|
56
|
+
}
|
57
|
+
.jekyll-glossary:hover .jekyll-glossary-tooltip {
|
58
|
+
opacity: 1;
|
59
|
+
}
|
metadata
CHANGED
@@ -1,14 +1,14 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: jekyll-glossary_tooltip
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 1.
|
4
|
+
version: 1.2.0
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Erik Westrup
|
8
8
|
autorequire:
|
9
9
|
bindir: exe
|
10
10
|
cert_chain: []
|
11
|
-
date: 2021-08-
|
11
|
+
date: 2021-08-06 00:00:00.000000000 Z
|
12
12
|
dependencies:
|
13
13
|
- !ruby/object:Gem::Dependency
|
14
14
|
name: jekyll
|