ref(Theme): Changes typography values to rem (#16021)

Replaces hard-coded pixel values with relative rem units across UI components to improve typography responsiveness and maintainability.

Co-authored-by: Hristo Terezov <hristo@jitsi.org>
This commit is contained in:
raduanastase8x8
2025-08-07 03:07:27 +03:00
committed by GitHub
parent b5ad984dab
commit d2e52d2c2a
110 changed files with 502 additions and 487 deletions

View File

@@ -9,7 +9,6 @@ import {
getParticipantDisplayName
} from '../../../base/participants/functions';
import { updateSettings } from '../../../base/settings/actions';
import { withPixelLineHeight } from '../../../base/styles/functions.web';
import Tooltip from '../../../base/tooltip/components/Tooltip';
import { getIndicatorsTooltipPosition } from '../../../filmstrip/functions.web';
import { appendSuffix } from '../../functions';
@@ -49,7 +48,7 @@ interface IProps {
const useStyles = makeStyles()(theme => {
return {
displayName: {
...withPixelLineHeight(theme.typography.labelBold),
...theme.typography.labelBold,
color: theme.palette.text01,
overflow: 'hidden',
textOverflow: 'ellipsis',
@@ -62,7 +61,7 @@ const useStyles = makeStyles()(theme => {
background: 'none',
boxShadow: 'none',
padding: 0,
...withPixelLineHeight(theme.typography.labelBold),
...theme.typography.labelBold,
color: theme.palette.text01
}
};