Mirror
/
zulip
mirror of https://github.com/zulip/zulip.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

tippy: Fix tippy-arrow thickness.

This commit is contained in:
Daniil Fadeev 2023-03-23 11:46:41 +04:00 committed by Tim Abbott
parent ffcdc13819
commit 3bfdac3e03
1 changed files with 8 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
web/styles/tooltips.css
View File

@ -25,6 +25,14 @@
color: hsla(0, 0%, 100%, 1); color: hsla(0, 0%, 100%, 1);
} }
.tippy-arrow::before {
/* This affects the arrow for tooltips and doesn't have any impact on arrows for popovers.
* The transform property scales down the size of the arrow, giving it a thinner appearance.
* https://atomiks.github.io/tippyjs/v6/themes/#changing-the-arrow-size
*/
transform: scale(0.75);
}
.tooltip-inner-content { .tooltip-inner-content {
line-height: 17px; line-height: 17px;
} }
@ -54,11 +62,6 @@
* The bug was only found in Firefox. * The bug was only found in Firefox.
*/ */
height: 0 !important; height: 0 !important;
/* We use the same transform value used
* by tippyjs documentation for the small
* arrow size.
*/
transform: scale(0.75);
} }
/* If the text in the tooltips stretches to multiple lines, /* If the text in the tooltips stretches to multiple lines,
* we want the lines to be left-indented and not right-indented * we want the lines to be left-indented and not right-indented