Skip to content

Commit

Permalink
Fix styling for bubble tooltip close (#3609)
Browse files Browse the repository at this point in the history
  • Loading branch information
fstrelczuk authored Aug 13, 2023
1 parent 636ec74 commit 3ed59c3
Showing 1 changed file with 5 additions and 5 deletions.
10 changes: 5 additions & 5 deletions assets/bubble.styl
Original file line number Diff line number Diff line change
Expand Up @@ -11,10 +11,10 @@ textColor = #fff
@import './bubble/*'

.ql-container.ql-bubble:not(.ql-disabled)
a
a:not(.ql-close)
position: relative
white-space: nowrap
a::before
a:not(.ql-close)::before
background-color: #444
border-radius: 15px
top: -5px
Expand All @@ -26,20 +26,20 @@ textColor = #fff
padding: 5px 15px
text-decoration: none
z-index: 1
a::after
a:not(.ql-close)::after
border-top: 6px solid #444
border-left: 6px solid transparent
border-right: 6px solid transparent
top: 0
content: " "
height: 0
width: 0
a::before, a::after
a:not(.ql-close)::before, a:not(.ql-close)::after
left: 0
margin-left: 50%
position: absolute
transform: translate(-50%, -100%)
transition: visibility 0s ease 200ms
visibility: hidden
a:hover::before, a:hover::after
a:not(.ql-close):hover::before, a:not(.ql-close):hover::after
visibility: visible

0 comments on commit 3ed59c3

Please sign in to comment.