web/notify.moe
Code Issues Pull Requests Activity

Add tooltips to more places

Browse Source
This commit is contained in:
Eduard Urbach
2018-04-18 13:09:13 +02:00
parent 0913b18239
commit a219e11f8f
7 changed files with 18 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
styles/tip.scarlet
View File

@ -1,4 +1,6 @@
const tip-opacity = 0.94
const tip-transform-hidden = rotate(0.02deg) translateX(-50%) translateY(-80%)
const tip-transform-visible = rotate(0.02deg) translateX(-50%) translateY(-100%)
.tip
position relative
@ -6,12 +8,12 @@ const tip-opacity = 0.94
:before
content attr(aria-label)
position absolute
top 0
top -10px
left 50%
z-index 100000
pointer-events none
opacity 0
transform translateX(-50%) translateY(-80%)
transform tip-transform-hidden
color text-color
text-shadow none
padding 0.2rem 0.7rem
@ -25,7 +27,7 @@ const tip-opacity = 0.94
:after
content ""
position absolute
top 0
top -4px
left 50%
z-index 100001
pointer-events none
@ -35,14 +37,14 @@ const tip-opacity = 0.94
border-style solid
border-width 8px 8px 0 8px
border-color ui-background transparent transparent transparent
transform translateX(-50%) translateY(-80%)
transform tip-transform-hidden
default-transition
:hover
:before
opacity tip-opacity
transform translateX(-50%) translateY(calc(-100% - 10px))
transform tip-transform-visible
:after
opacity tip-opacity
transform translateX(-50%) translateY(calc(-100% - 4px))
transform tip-transform-visible