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

3
web/styles/zulip.css
View File

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