2021-10-19 15:50:09 +02:00
|
|
|
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
|
|
|
|
|
|
exports[`FontScalingPanel renders the font scaling UI 1`] = `
|
2022-11-18 10:16:11 +01:00
|
|
|
<DocumentFragment>
|
2022-03-22 11:32:35 +01:00
|
|
|
<div
|
2023-05-21 23:12:11 +02:00
|
|
|
class="mx_SettingsSubsection"
|
|
|
|
data-testid="mx_FontScalingPanel"
|
2022-03-22 11:32:35 +01:00
|
|
|
>
|
2022-11-18 10:16:11 +01:00
|
|
|
<div
|
2023-05-21 23:12:11 +02:00
|
|
|
class="mx_SettingsSubsectionHeading"
|
2022-03-22 11:32:35 +01:00
|
|
|
>
|
2023-05-21 23:12:11 +02:00
|
|
|
<h3
|
2023-06-29 12:30:25 +02:00
|
|
|
class="mx_Heading_h4 mx_SettingsSubsectionHeading_heading"
|
2021-10-19 15:50:09 +02:00
|
|
|
>
|
2023-05-21 23:12:11 +02:00
|
|
|
Font size
|
|
|
|
</h3>
|
2022-11-18 10:16:11 +01:00
|
|
|
</div>
|
2022-03-22 11:32:35 +01:00
|
|
|
<div
|
2023-05-21 23:12:11 +02:00
|
|
|
class="mx_SettingsSubsection_content mx_SettingsSubsection_contentStretch"
|
2022-03-22 11:32:35 +01:00
|
|
|
>
|
2021-10-19 15:50:09 +02:00
|
|
|
<div
|
2023-05-21 23:12:11 +02:00
|
|
|
class="mx_FontScalingPanel_preview mx_EventTilePreview_loader"
|
2022-03-22 11:32:35 +01:00
|
|
|
>
|
2023-05-21 23:12:11 +02:00
|
|
|
<div
|
|
|
|
class="mx_Spinner"
|
2023-04-12 12:57:31 +02:00
|
|
|
>
|
2023-05-21 23:12:11 +02:00
|
|
|
<div
|
|
|
|
aria-label="Loading…"
|
|
|
|
class="mx_Spinner_icon"
|
|
|
|
data-testid="spinner"
|
|
|
|
role="progressbar"
|
|
|
|
style="width: 32px; height: 32px;"
|
|
|
|
/>
|
|
|
|
</div>
|
2022-11-18 10:16:11 +01:00
|
|
|
</div>
|
2022-03-22 11:32:35 +01:00
|
|
|
<div
|
2023-05-21 23:12:11 +02:00
|
|
|
class="mx_FontScalingPanel_fontSlider"
|
2021-10-19 15:50:09 +02:00
|
|
|
>
|
2022-11-18 10:16:11 +01:00
|
|
|
<div
|
2023-05-21 23:12:11 +02:00
|
|
|
class="mx_FontScalingPanel_fontSlider_smallText"
|
2021-10-19 15:50:09 +02:00
|
|
|
>
|
2023-05-21 23:12:11 +02:00
|
|
|
Aa
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="mx_Slider"
|
|
|
|
>
|
|
|
|
<input
|
|
|
|
aria-label="Font size"
|
|
|
|
autocomplete="off"
|
2023-06-29 12:30:25 +02:00
|
|
|
max="21"
|
|
|
|
min="11"
|
2023-05-21 23:12:11 +02:00
|
|
|
step="1"
|
|
|
|
type="range"
|
2023-06-29 12:30:25 +02:00
|
|
|
value="16"
|
2021-10-19 15:50:09 +02:00
|
|
|
/>
|
2023-05-21 23:12:11 +02:00
|
|
|
<output
|
|
|
|
class="mx_Slider_selection"
|
2023-06-29 12:30:25 +02:00
|
|
|
style="left: calc(2px + 50% + 1.2em - 1.2em);"
|
2023-05-21 23:12:11 +02:00
|
|
|
>
|
|
|
|
<span
|
|
|
|
class="mx_Slider_selection_label"
|
|
|
|
>
|
2023-06-29 12:30:25 +02:00
|
|
|
16
|
2023-05-21 23:12:11 +02:00
|
|
|
</span>
|
|
|
|
</output>
|
2022-11-18 10:16:11 +01:00
|
|
|
</div>
|
2023-05-21 23:12:11 +02:00
|
|
|
<div
|
|
|
|
class="mx_FontScalingPanel_fontSlider_largeText"
|
|
|
|
>
|
|
|
|
Aa
|
2022-11-18 10:16:11 +01:00
|
|
|
</div>
|
2023-05-21 23:12:11 +02:00
|
|
|
</div>
|
|
|
|
<span
|
|
|
|
class="mx_Checkbox mx_Checkbox_hasKind mx_Checkbox_kind_solid"
|
2022-03-22 11:32:35 +01:00
|
|
|
>
|
2023-05-21 23:12:11 +02:00
|
|
|
<input
|
|
|
|
id="checkbox_abdefghi"
|
|
|
|
type="checkbox"
|
|
|
|
/>
|
|
|
|
<label
|
|
|
|
for="checkbox_abdefghi"
|
|
|
|
>
|
|
|
|
<div
|
|
|
|
class="mx_Checkbox_background"
|
|
|
|
>
|
|
|
|
<div
|
|
|
|
class="mx_Checkbox_checkmark"
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
<div>
|
|
|
|
Use custom size
|
|
|
|
</div>
|
|
|
|
</label>
|
|
|
|
</span>
|
|
|
|
<div
|
|
|
|
class="mx_Field mx_Field_input mx_AppearanceUserSettingsTab_checkboxControlledField"
|
|
|
|
>
|
|
|
|
<input
|
|
|
|
autocomplete="off"
|
|
|
|
disabled=""
|
|
|
|
id="font_size_field"
|
|
|
|
label="Font size"
|
2023-06-29 12:30:25 +02:00
|
|
|
placeholder="16"
|
2023-05-21 23:12:11 +02:00
|
|
|
type="number"
|
2023-06-29 12:30:25 +02:00
|
|
|
value="16"
|
2023-05-21 23:12:11 +02:00
|
|
|
/>
|
|
|
|
<label
|
|
|
|
for="font_size_field"
|
|
|
|
>
|
|
|
|
Font size
|
|
|
|
</label>
|
|
|
|
</div>
|
2022-11-18 10:16:11 +01:00
|
|
|
</div>
|
2022-03-22 11:32:35 +01:00
|
|
|
</div>
|
2022-11-18 10:16:11 +01:00
|
|
|
</DocumentFragment>
|
2021-10-19 15:50:09 +02:00
|
|
|
`;
|