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

tippy: Allow Tippy tooltips to scale with UI.

This commit is contained in:
Karl Stolley 2024-07-03 10:42:29 -05:00 committed by Tim Abbott
parent 59e9a1ac90
commit cbdfdf06b4
2 changed files with 12 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
web/styles/tooltips.css
View File

@ -12,7 +12,10 @@
.tippy-box:not([data-theme]) { .tippy-box:not([data-theme]) {
background: hsl(0deg 0% 20%); background: hsl(0deg 0% 20%);
border-radius: 5px; border-radius: 5px;
min-height: 25px; /* 14px at 14px/1em */
font-size: 1em;
/* 25px at 14px/1em */
min-height: 1.7857em;
box-sizing: border-box; box-sizing: border-box;
.tippy-content { .tippy-content {
@ -20,8 +23,10 @@
display: flex; display: flex;
align-items: center; align-items: center;
padding: 5px 10px; padding: 5px 10px;
font-size: 14px; /* 14px at 14px/1em */
line-height: 20px; font-size: 1em;
/* 20px at 14px/1em */
line-height: 1.4286em;
color: hsl(0deg 0% 100%); color: hsl(0deg 0% 100%);
} }
@ -34,7 +39,8 @@
} }
.tooltip-inner-content { .tooltip-inner-content {
line-height: 17px; /* 17px at 14px/1em */
line-height: 1.2143em;
} }
&[data-placement^="top"] > .tippy-arrow::before { &[data-placement^="top"] > .tippy-arrow::before {

3
web/styles/zulip.css
View File

@ -779,7 +779,8 @@ strong {
.buddy_list_tooltip_content { .buddy_list_tooltip_content {
text-align: left; text-align: left;
word-wrap: break-word; word-wrap: break-word;
max-width: 280px; /* 280px at 14px/1em */
max-width: 20em;
} }
#change_visibility_policy_button_tooltip { #change_visibility_policy_button_tooltip {