b3b03e5dcb
* split SettingsSection out of SettingsTab, replace usage * correct copyright * use semantic headings in GeneralRoomSettingsTab * use SettingsTab and SettingsSubsection in room settings * fix VoipRoomSettingsTab * use SettingsSection components in space settings * settingssubsection text component * use semantic headings in HelpUserSetttings tab * use ExternalLink components for external links * test * strict * lint * semantic heading in labs settings * semantic headings in keyboard settings tab * semantic heading in preferencesusersettingstab * tidying * use new settings components in eventindexpanel * findByTestId * prettier * semantic headings and style refresh for crypto settings * e2e panel * use semantic headings in User settings appearance tab * update selectors in tests * tidy
116 lines
2.6 KiB
Text
116 lines
2.6 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_h3 mx_SettingsSubsectionHeading_heading"
|
|
>
|
|
Font size
|
|
</h3>
|
|
</div>
|
|
<div
|
|
class="mx_SettingsSubsection_content mx_SettingsSubsection_contentStretch"
|
|
>
|
|
<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
|
|
class="mx_FontScalingPanel_fontSlider"
|
|
>
|
|
<div
|
|
class="mx_FontScalingPanel_fontSlider_smallText"
|
|
>
|
|
Aa
|
|
</div>
|
|
<div
|
|
class="mx_Slider"
|
|
>
|
|
<input
|
|
aria-label="Font size"
|
|
autocomplete="off"
|
|
max="18"
|
|
min="13"
|
|
step="1"
|
|
type="range"
|
|
value="15"
|
|
/>
|
|
<output
|
|
class="mx_Slider_selection"
|
|
style="left: calc(2px + 40% + 1.2em - 0.96em);"
|
|
>
|
|
<span
|
|
class="mx_Slider_selection_label"
|
|
>
|
|
15
|
|
</span>
|
|
</output>
|
|
</div>
|
|
<div
|
|
class="mx_FontScalingPanel_fontSlider_largeText"
|
|
>
|
|
Aa
|
|
</div>
|
|
</div>
|
|
<span
|
|
class="mx_Checkbox mx_Checkbox_hasKind mx_Checkbox_kind_solid"
|
|
>
|
|
<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"
|
|
placeholder="15"
|
|
type="number"
|
|
value="15"
|
|
/>
|
|
<label
|
|
for="font_size_field"
|
|
>
|
|
Font size
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</DocumentFragment>
|
|
`;
|