Skip to content

Commit a47322a

Browse files
Adds the question mark and css rules for tooltip
1 parent 1ae3724 commit a47322a

File tree

3 files changed

+65
-13
lines changed

3 files changed

+65
-13
lines changed

package-lock.json

Lines changed: 30 additions & 11 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

stylus/website/index.styl

Lines changed: 32 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -234,6 +234,38 @@ body
234234
color white
235235
padding-right 10px
236236

237+
.crafted-by__question-mark
238+
background-color #555
239+
color black
240+
font-size 10px
241+
border-radius 50%
242+
width 14px
243+
height 14px
244+
display inline-block
245+
margin-left 10px
246+
vertical-align middle
247+
transition background-color .5s
248+
../
249+
&:before
250+
content "Learn more about Auth0"
251+
position absolute
252+
min-width 180px
253+
top 32px
254+
background-color #555
255+
color white
256+
border-radius 3px
257+
padding 4px
258+
transition visibility 0s, opacity .5s
259+
visibility hidden
260+
opacity 0
261+
&:hover
262+
.crafted-by__question-mark
263+
background-color white
264+
&:before
265+
opacity 1
266+
visibility visible
267+
268+
237269
.supported
238270
display none
239271

views/website/index.pug

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -22,8 +22,9 @@ block content
2222
a.a0(href='https://auth0.com/?utm_source=jwtio&utm_campaign=craftedby', target='_blank')
2323
span.by-text Crafted by
2424
img(src='/img/pic_logo_ft.svg', alt='Token Based Authentication')
25+
span.crafted-by__question-mark ?
2526

26-
a.supported(href='https://auth0.com/?utm_source=jwtio&utm_campaign=craftedby', target="_blank")
27+
a.supported(href='https://auth0.com/?utm_source=jwtio&utm_campaign=craftedby', target="_blank")
2728
| Supported by
2829
img(src='/img/ico_logo.svg', alt='Token Based Authentication')
2930

@@ -39,7 +40,7 @@ block content
3940
p JWT.IO allows you to decode, verify and generate JWT.
4041

4142
a.btn.btn-lg(href="/introduction") Learn more about jwt
42-
43+
4344
include ebook.pug
4445

4546
include token-editor.pug

0 commit comments

Comments
 (0)