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

popovers: Explicitly set base font-sizes for popovers.

This commit is contained in:
Karl Stolley 2024-07-05 11:51:03 -05:00 committed by Tim Abbott
parent d89ab2694f
commit 413ff92da7
2 changed files with 21 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
web/styles/modal.css
View File

@ -100,7 +100,8 @@
.modal__content {
display: flex;
flex-direction: column;
font-size: 1rem;
/* 16px at 14px/1em */
font-size: 1.1429em;
overflow-y: auto;
padding: 2px 24px;
line-height: 1.5;

22
web/styles/popovers.css
View File

@ -5,6 +5,8 @@
*/
.tippy-box[data-theme="light-border"] {
background-color: var(--color-background-popover);
/* Basic Tippy popovers scale with the base font-size. */
font-size: var(--base-font-size-px);
.sp-input {
/* Override incorrect color for text in dark theme. */
@ -12,7 +14,10 @@
}
.tippy-content {
font-size: 14px;
/* We set the font-size here to override the
default value in the upstream tippy.css */
/* 14px at 14px/1em */
font-size: 1em;
}
/* TODO: Clean this logic up after drop Bootstrap styling */
@ -62,9 +67,14 @@
0 7px 13px hsl(0deg 0% 0% / 15%),
0 5px 8px hsl(0deg 0% 0% / 12%),
0 2px 4px hsl(0deg 0% 0% / 10%);
/* Tippy dropdown widgets scale with the base font-size. */
font-size: var(--base-font-size-px);
.tippy-content {
font-size: var(--base-font-size-px);
/* We set the font-size here to override the
default value in the upstream tippy.css */
/* 14px at 14px/1em */
font-size: 1em;
color: hsl(0deg 0% 75%);
padding: 0;
}
@ -75,10 +85,16 @@
border: 1px solid var(--color-border-popover-menu);
border-radius: 6px;
box-shadow: var(--box-shadow-popover-menu);
/* Popover menus should scale no smaller than 15px,
but scale up with the base font-size. */
font-size: max(15px, var(--base-font-size-px));
> .tippy-content {
padding: 0;
font-size: 14px;
/* We set the font-size here to override the
default value in the upstream tippy.css */
/* 15 at 15px/1em */
font-size: 1em;
}
> .tippy-arrow {