6d55ce0217
* WIP Use browser font size instead of hardcoded 16px * Add font migration to v3 * Remove custom font size input * Use a dropdown instead of a slider * Add margin to the font size dropdown * Fix `UpdateFontSizeDelta` action typo * Fix `fontScale`in `Call.ts` * Rename `baseFontSizeV3` to `fontSizeDelta` * Update playwright test * Add `default` next to the browser font size * Remove remaining `TODO` * Remove falsy `private` * Improve doc * Update snapshots after develop merge * Remove commented import
150 lines
2.9 KiB
Text
150 lines
2.9 KiB
Text
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
|
|
exports[`FontScalingPanel renders the font scaling UI 1`] = `
|
|
<DocumentFragment>
|
|
<div
|
|
class="mx_SettingsSubsection"
|
|
data-testid="mx_FontScalingPanel"
|
|
>
|
|
<div
|
|
class="mx_SettingsSubsectionHeading"
|
|
>
|
|
<h3
|
|
class="mx_Heading_h4 mx_SettingsSubsectionHeading_heading"
|
|
>
|
|
Font size
|
|
</h3>
|
|
</div>
|
|
<div
|
|
class="mx_SettingsSubsection_content mx_SettingsSubsection_contentStretch"
|
|
>
|
|
<div
|
|
class="mx_Field mx_Field_select mx_FontScalingPanel_Dropdown"
|
|
>
|
|
<select
|
|
id="mx_Field_1"
|
|
label="Font size"
|
|
placeholder="Font size"
|
|
type="text"
|
|
>
|
|
<option
|
|
value="-7"
|
|
>
|
|
9
|
|
</option>
|
|
<option
|
|
value="-6"
|
|
>
|
|
10
|
|
</option>
|
|
<option
|
|
value="-5"
|
|
>
|
|
11
|
|
</option>
|
|
<option
|
|
value="-4"
|
|
>
|
|
12
|
|
</option>
|
|
<option
|
|
value="-3"
|
|
>
|
|
13
|
|
</option>
|
|
<option
|
|
value="-2"
|
|
>
|
|
14
|
|
</option>
|
|
<option
|
|
value="-1"
|
|
>
|
|
15
|
|
</option>
|
|
<option
|
|
value="0"
|
|
>
|
|
16 (default)
|
|
</option>
|
|
<option
|
|
value="1"
|
|
>
|
|
17
|
|
</option>
|
|
<option
|
|
value="2"
|
|
>
|
|
18
|
|
</option>
|
|
<option
|
|
value="4"
|
|
>
|
|
20
|
|
</option>
|
|
<option
|
|
value="6"
|
|
>
|
|
22
|
|
</option>
|
|
<option
|
|
value="8"
|
|
>
|
|
24
|
|
</option>
|
|
<option
|
|
value="10"
|
|
>
|
|
26
|
|
</option>
|
|
<option
|
|
value="12"
|
|
>
|
|
28
|
|
</option>
|
|
<option
|
|
value="14"
|
|
>
|
|
30
|
|
</option>
|
|
<option
|
|
value="16"
|
|
>
|
|
32
|
|
</option>
|
|
<option
|
|
value="18"
|
|
>
|
|
34
|
|
</option>
|
|
<option
|
|
value="20"
|
|
>
|
|
36
|
|
</option>
|
|
</select>
|
|
<label
|
|
for="mx_Field_1"
|
|
>
|
|
Font size
|
|
</label>
|
|
</div>
|
|
<div
|
|
class="mx_FontScalingPanel_preview mx_EventTilePreview_loader"
|
|
>
|
|
<div
|
|
class="mx_Spinner"
|
|
>
|
|
<div
|
|
aria-label="Loading…"
|
|
class="mx_Spinner_icon"
|
|
data-testid="spinner"
|
|
role="progressbar"
|
|
style="width: 32px; height: 32px;"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</DocumentFragment>
|
|
`;
|