mirror of
https://github.com/lensapp/lens.git
synced 2025-05-20 05:10:56 +00:00
891 lines
28 KiB
Plaintext
891 lines
28 KiB
Plaintext
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||
|
||
exports[`preferences - navigation to editor preferences given in preferences, when rendered renders 1`] = `
|
||
<div>
|
||
<div
|
||
class="SettingLayout showNavigation Preferences"
|
||
data-testid="application-preferences-page"
|
||
>
|
||
<nav
|
||
class="sidebarRegion"
|
||
>
|
||
<div
|
||
class="sidebar"
|
||
>
|
||
<div
|
||
class="Tabs flex column"
|
||
>
|
||
<div
|
||
class="header"
|
||
>
|
||
Preferences
|
||
</div>
|
||
<div
|
||
class="Tab flex gaps align-center active"
|
||
data-testid="tab-link-for-application"
|
||
role="tab"
|
||
tabindex="0"
|
||
>
|
||
<div
|
||
class="label"
|
||
>
|
||
App
|
||
</div>
|
||
</div>
|
||
<div
|
||
class="Tab flex gaps align-center"
|
||
data-testid="tab-link-for-proxy"
|
||
role="tab"
|
||
tabindex="0"
|
||
>
|
||
<div
|
||
class="label"
|
||
>
|
||
Proxy
|
||
</div>
|
||
</div>
|
||
<div
|
||
class="Tab flex gaps align-center"
|
||
data-testid="tab-link-for-kubernetes"
|
||
role="tab"
|
||
tabindex="0"
|
||
>
|
||
<div
|
||
class="label"
|
||
>
|
||
Kubernetes
|
||
</div>
|
||
</div>
|
||
<div
|
||
class="Tab flex gaps align-center"
|
||
data-testid="tab-link-for-editor"
|
||
role="tab"
|
||
tabindex="0"
|
||
>
|
||
<div
|
||
class="label"
|
||
>
|
||
Editor
|
||
</div>
|
||
</div>
|
||
<div
|
||
class="Tab flex gaps align-center"
|
||
data-testid="tab-link-for-terminal"
|
||
role="tab"
|
||
tabindex="0"
|
||
>
|
||
<div
|
||
class="label"
|
||
>
|
||
Terminal
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</nav>
|
||
<div
|
||
class="contentRegion"
|
||
id="ScrollSpyRoot"
|
||
>
|
||
<div
|
||
class="content"
|
||
>
|
||
<section
|
||
id="application"
|
||
>
|
||
<h2
|
||
data-testid="application-header"
|
||
>
|
||
Application
|
||
</h2>
|
||
<section
|
||
id="appearance"
|
||
>
|
||
<div
|
||
class="SubTitle"
|
||
>
|
||
Theme
|
||
|
||
</div>
|
||
<div
|
||
class="Select theme-lens css-2b097c-container"
|
||
>
|
||
<div
|
||
class="Select__control css-yk16xz-control"
|
||
>
|
||
<div
|
||
class="Select__value-container css-g1d714-ValueContainer"
|
||
>
|
||
<div
|
||
class="Select__placeholder css-1wa3eu0-placeholder"
|
||
>
|
||
Select...
|
||
</div>
|
||
<div
|
||
class="css-b8ldur-Input"
|
||
>
|
||
<div
|
||
class="Select__input"
|
||
style="display: inline-block;"
|
||
>
|
||
<input
|
||
aria-autocomplete="list"
|
||
autocapitalize="none"
|
||
autocomplete="off"
|
||
autocorrect="off"
|
||
id="theme-input"
|
||
spellcheck="false"
|
||
style="box-sizing: content-box; width: 2px; border: 0px; opacity: 1; outline: 0; padding: 0px;"
|
||
tabindex="0"
|
||
type="text"
|
||
value=""
|
||
/>
|
||
<div
|
||
style="position: absolute; top: 0px; left: 0px; visibility: hidden; height: 0px; overflow: scroll; white-space: pre; font-family: -webkit-small-control; letter-spacing: normal; text-transform: none;"
|
||
/>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div
|
||
class="Select__indicators css-1hb7zxy-IndicatorsContainer"
|
||
>
|
||
<span
|
||
class="Select__indicator-separator css-1okebmr-indicatorSeparator"
|
||
/>
|
||
<div
|
||
aria-hidden="true"
|
||
class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
|
||
>
|
||
<svg
|
||
aria-hidden="true"
|
||
class="css-6q0nyr-Svg"
|
||
focusable="false"
|
||
height="20"
|
||
viewBox="0 0 20 20"
|
||
width="20"
|
||
>
|
||
<path
|
||
d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
|
||
/>
|
||
</svg>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<hr />
|
||
<section
|
||
id="extensionRegistryUrl"
|
||
>
|
||
<div
|
||
class="SubTitle"
|
||
>
|
||
Extension Install Registry
|
||
|
||
</div>
|
||
<div
|
||
class="Select theme-lens css-2b097c-container"
|
||
>
|
||
<div
|
||
class="Select__control css-yk16xz-control"
|
||
>
|
||
<div
|
||
class="Select__value-container css-g1d714-ValueContainer"
|
||
>
|
||
<div
|
||
class="Select__placeholder css-1wa3eu0-placeholder"
|
||
>
|
||
Select...
|
||
</div>
|
||
<div
|
||
class="css-b8ldur-Input"
|
||
>
|
||
<div
|
||
class="Select__input"
|
||
style="display: inline-block;"
|
||
>
|
||
<input
|
||
aria-autocomplete="list"
|
||
autocapitalize="none"
|
||
autocomplete="off"
|
||
autocorrect="off"
|
||
id="extension-install-registry-input"
|
||
spellcheck="false"
|
||
style="box-sizing: content-box; width: 2px; border: 0px; opacity: 1; outline: 0; padding: 0px;"
|
||
tabindex="0"
|
||
type="text"
|
||
value=""
|
||
/>
|
||
<div
|
||
style="position: absolute; top: 0px; left: 0px; visibility: hidden; height: 0px; overflow: scroll; white-space: pre; font-family: -webkit-small-control; letter-spacing: normal; text-transform: none;"
|
||
/>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div
|
||
class="Select__indicators css-1hb7zxy-IndicatorsContainer"
|
||
>
|
||
<span
|
||
class="Select__indicator-separator css-1okebmr-indicatorSeparator"
|
||
/>
|
||
<div
|
||
aria-hidden="true"
|
||
class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
|
||
>
|
||
<svg
|
||
aria-hidden="true"
|
||
class="css-6q0nyr-Svg"
|
||
focusable="false"
|
||
height="20"
|
||
viewBox="0 0 20 20"
|
||
width="20"
|
||
>
|
||
<path
|
||
d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
|
||
/>
|
||
</svg>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<p
|
||
class="mt-4 mb-5 leading-relaxed"
|
||
>
|
||
This setting is to change the registry URL for installing extensions by name.
|
||
|
||
If you are unable to access the default registry (
|
||
https://registry.npmjs.org
|
||
)
|
||
|
||
you can change it in your
|
||
<b>
|
||
.npmrc
|
||
</b>
|
||
file or in the input below.
|
||
</p>
|
||
<div
|
||
class="Input theme round black disabled invalid"
|
||
>
|
||
<label
|
||
class="input-area flex gaps align-center"
|
||
id=""
|
||
>
|
||
<input
|
||
class="input box grow"
|
||
disabled=""
|
||
placeholder="Custom Extension Registry URL..."
|
||
spellcheck="false"
|
||
value="some-custom-url"
|
||
/>
|
||
</label>
|
||
<div
|
||
class="input-info flex gaps"
|
||
/>
|
||
</div>
|
||
</section>
|
||
<hr />
|
||
<section
|
||
id="other"
|
||
>
|
||
<div
|
||
class="SubTitle"
|
||
>
|
||
Start-up
|
||
|
||
</div>
|
||
<label
|
||
class="Switch"
|
||
data-testid="switch"
|
||
>
|
||
Automatically start Lens on login
|
||
<input
|
||
role="switch"
|
||
type="checkbox"
|
||
/>
|
||
</label>
|
||
</section>
|
||
<hr />
|
||
<section
|
||
id="update-channel"
|
||
>
|
||
<div
|
||
class="SubTitle"
|
||
>
|
||
Update Channel
|
||
|
||
</div>
|
||
<div
|
||
class="Select theme-lens css-2b097c-container"
|
||
>
|
||
<div
|
||
class="Select__control css-yk16xz-control"
|
||
>
|
||
<div
|
||
class="Select__value-container css-g1d714-ValueContainer"
|
||
>
|
||
<div
|
||
class="Select__placeholder css-1wa3eu0-placeholder"
|
||
>
|
||
Select...
|
||
</div>
|
||
<div
|
||
class="css-b8ldur-Input"
|
||
>
|
||
<div
|
||
class="Select__input"
|
||
style="display: inline-block;"
|
||
>
|
||
<input
|
||
aria-autocomplete="list"
|
||
autocapitalize="none"
|
||
autocomplete="off"
|
||
autocorrect="off"
|
||
id="update-channel-input"
|
||
spellcheck="false"
|
||
style="box-sizing: content-box; width: 2px; border: 0px; opacity: 1; outline: 0; padding: 0px;"
|
||
tabindex="0"
|
||
type="text"
|
||
value=""
|
||
/>
|
||
<div
|
||
style="position: absolute; top: 0px; left: 0px; visibility: hidden; height: 0px; overflow: scroll; white-space: pre; font-family: -webkit-small-control; letter-spacing: normal; text-transform: none;"
|
||
/>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div
|
||
class="Select__indicators css-1hb7zxy-IndicatorsContainer"
|
||
>
|
||
<span
|
||
class="Select__indicator-separator css-1okebmr-indicatorSeparator"
|
||
/>
|
||
<div
|
||
aria-hidden="true"
|
||
class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
|
||
>
|
||
<svg
|
||
aria-hidden="true"
|
||
class="css-6q0nyr-Svg"
|
||
focusable="false"
|
||
height="20"
|
||
viewBox="0 0 20 20"
|
||
width="20"
|
||
>
|
||
<path
|
||
d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
|
||
/>
|
||
</svg>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<hr />
|
||
<section
|
||
id="locale"
|
||
>
|
||
<div
|
||
class="SubTitle"
|
||
>
|
||
Locale Timezone
|
||
|
||
</div>
|
||
<div
|
||
class="Select theme-lens css-2b097c-container"
|
||
>
|
||
<div
|
||
class="Select__control css-yk16xz-control"
|
||
>
|
||
<div
|
||
class="Select__value-container css-g1d714-ValueContainer"
|
||
>
|
||
<div
|
||
class="Select__placeholder css-1wa3eu0-placeholder"
|
||
>
|
||
Select...
|
||
</div>
|
||
<div
|
||
class="css-b8ldur-Input"
|
||
>
|
||
<div
|
||
class="Select__input"
|
||
style="display: inline-block;"
|
||
>
|
||
<input
|
||
aria-autocomplete="list"
|
||
autocapitalize="none"
|
||
autocomplete="off"
|
||
autocorrect="off"
|
||
id="timezone-input"
|
||
spellcheck="false"
|
||
style="box-sizing: content-box; width: 2px; border: 0px; opacity: 1; outline: 0; padding: 0px;"
|
||
tabindex="0"
|
||
type="text"
|
||
value=""
|
||
/>
|
||
<div
|
||
style="position: absolute; top: 0px; left: 0px; visibility: hidden; height: 0px; overflow: scroll; white-space: pre; font-family: -webkit-small-control; letter-spacing: normal; text-transform: none;"
|
||
/>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div
|
||
class="Select__indicators css-1hb7zxy-IndicatorsContainer"
|
||
>
|
||
<span
|
||
class="Select__indicator-separator css-1okebmr-indicatorSeparator"
|
||
/>
|
||
<div
|
||
aria-hidden="true"
|
||
class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
|
||
>
|
||
<svg
|
||
aria-hidden="true"
|
||
class="css-6q0nyr-Svg"
|
||
focusable="false"
|
||
height="20"
|
||
viewBox="0 0 20 20"
|
||
width="20"
|
||
>
|
||
<path
|
||
d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
|
||
/>
|
||
</svg>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</section>
|
||
</div>
|
||
<div
|
||
class="toolsRegion"
|
||
>
|
||
<div
|
||
class="fixed top-[60px]"
|
||
>
|
||
<div
|
||
data-testid="close-preferences"
|
||
>
|
||
<div
|
||
aria-label="Close"
|
||
class="closeButton"
|
||
role="button"
|
||
>
|
||
<i
|
||
class="Icon icon material focusable"
|
||
>
|
||
<span
|
||
class="icon"
|
||
data-icon-name="close"
|
||
>
|
||
close
|
||
</span>
|
||
</i>
|
||
</div>
|
||
<div
|
||
aria-hidden="true"
|
||
class="esc"
|
||
>
|
||
ESC
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
`;
|
||
|
||
exports[`preferences - navigation to editor preferences given in preferences, when rendered when navigating to editor preferences using navigation renders 1`] = `
|
||
<div>
|
||
<div
|
||
class="SettingLayout showNavigation Preferences"
|
||
data-testid="editor-preferences-page"
|
||
>
|
||
<nav
|
||
class="sidebarRegion"
|
||
>
|
||
<div
|
||
class="sidebar"
|
||
>
|
||
<div
|
||
class="Tabs flex column"
|
||
>
|
||
<div
|
||
class="header"
|
||
>
|
||
Preferences
|
||
</div>
|
||
<div
|
||
class="Tab flex gaps align-center"
|
||
data-testid="tab-link-for-application"
|
||
role="tab"
|
||
tabindex="0"
|
||
>
|
||
<div
|
||
class="label"
|
||
>
|
||
App
|
||
</div>
|
||
</div>
|
||
<div
|
||
class="Tab flex gaps align-center"
|
||
data-testid="tab-link-for-proxy"
|
||
role="tab"
|
||
tabindex="0"
|
||
>
|
||
<div
|
||
class="label"
|
||
>
|
||
Proxy
|
||
</div>
|
||
</div>
|
||
<div
|
||
class="Tab flex gaps align-center"
|
||
data-testid="tab-link-for-kubernetes"
|
||
role="tab"
|
||
tabindex="0"
|
||
>
|
||
<div
|
||
class="label"
|
||
>
|
||
Kubernetes
|
||
</div>
|
||
</div>
|
||
<div
|
||
class="Tab flex gaps align-center active"
|
||
data-testid="tab-link-for-editor"
|
||
role="tab"
|
||
tabindex="0"
|
||
>
|
||
<div
|
||
class="label"
|
||
>
|
||
Editor
|
||
</div>
|
||
</div>
|
||
<div
|
||
class="Tab flex gaps align-center"
|
||
data-testid="tab-link-for-terminal"
|
||
role="tab"
|
||
tabindex="0"
|
||
>
|
||
<div
|
||
class="label"
|
||
>
|
||
Terminal
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</nav>
|
||
<div
|
||
class="contentRegion"
|
||
id="ScrollSpyRoot"
|
||
>
|
||
<div
|
||
class="content"
|
||
>
|
||
<section
|
||
id="editor"
|
||
>
|
||
<h2
|
||
data-testid="editor-configuration-header"
|
||
>
|
||
Editor configuration
|
||
</h2>
|
||
<div
|
||
class="SubTitle"
|
||
>
|
||
Minimap
|
||
|
||
</div>
|
||
<section>
|
||
<div
|
||
class="flex gaps justify-space-between"
|
||
>
|
||
<div
|
||
class="flex gaps align-center"
|
||
>
|
||
<label
|
||
class="Switch"
|
||
data-testid="switch"
|
||
>
|
||
Show minimap
|
||
<input
|
||
role="switch"
|
||
type="checkbox"
|
||
/>
|
||
</label>
|
||
</div>
|
||
<div
|
||
class="flex gaps align-center"
|
||
>
|
||
<div
|
||
class="SubHeader compact"
|
||
>
|
||
Position
|
||
</div>
|
||
<div
|
||
class="Select theme-lens css-2b097c-container"
|
||
>
|
||
<div
|
||
class="Select__control css-yk16xz-control"
|
||
>
|
||
<div
|
||
class="Select__value-container css-g1d714-ValueContainer"
|
||
>
|
||
<div
|
||
class="Select__placeholder css-1wa3eu0-placeholder"
|
||
>
|
||
Select...
|
||
</div>
|
||
<div
|
||
class="css-b8ldur-Input"
|
||
>
|
||
<div
|
||
class="Select__input"
|
||
style="display: inline-block;"
|
||
>
|
||
<input
|
||
aria-autocomplete="list"
|
||
autocapitalize="none"
|
||
autocomplete="off"
|
||
autocorrect="off"
|
||
id="minimap-input"
|
||
spellcheck="false"
|
||
style="box-sizing: content-box; width: 2px; border: 0px; opacity: 1; outline: 0; padding: 0px;"
|
||
tabindex="0"
|
||
type="text"
|
||
value=""
|
||
/>
|
||
<div
|
||
style="position: absolute; top: 0px; left: 0px; visibility: hidden; height: 0px; overflow: scroll; white-space: pre; font-family: -webkit-small-control; letter-spacing: normal; text-transform: none;"
|
||
/>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div
|
||
class="Select__indicators css-1hb7zxy-IndicatorsContainer"
|
||
>
|
||
<span
|
||
class="Select__indicator-separator css-1okebmr-indicatorSeparator"
|
||
/>
|
||
<div
|
||
aria-hidden="true"
|
||
class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
|
||
>
|
||
<svg
|
||
aria-hidden="true"
|
||
class="css-6q0nyr-Svg"
|
||
focusable="false"
|
||
height="20"
|
||
viewBox="0 0 20 20"
|
||
width="20"
|
||
>
|
||
<path
|
||
d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
|
||
/>
|
||
</svg>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<section>
|
||
<div
|
||
class="SubTitle"
|
||
>
|
||
Line numbers
|
||
|
||
</div>
|
||
<div
|
||
class="Select theme-lens css-2b097c-container"
|
||
>
|
||
<div
|
||
class="Select__control css-yk16xz-control"
|
||
>
|
||
<div
|
||
class="Select__value-container css-g1d714-ValueContainer"
|
||
>
|
||
<div
|
||
class="Select__placeholder css-1wa3eu0-placeholder"
|
||
>
|
||
Select...
|
||
</div>
|
||
<div
|
||
class="css-b8ldur-Input"
|
||
>
|
||
<div
|
||
class="Select__input"
|
||
style="display: inline-block;"
|
||
>
|
||
<input
|
||
aria-autocomplete="list"
|
||
autocapitalize="none"
|
||
autocomplete="off"
|
||
autocorrect="off"
|
||
id="editor-line-numbers-input"
|
||
spellcheck="false"
|
||
style="box-sizing: content-box; width: 2px; border: 0px; opacity: 1; outline: 0; padding: 0px;"
|
||
tabindex="0"
|
||
type="text"
|
||
value=""
|
||
/>
|
||
<div
|
||
style="position: absolute; top: 0px; left: 0px; visibility: hidden; height: 0px; overflow: scroll; white-space: pre; font-family: -webkit-small-control; letter-spacing: normal; text-transform: none;"
|
||
/>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div
|
||
class="Select__indicators css-1hb7zxy-IndicatorsContainer"
|
||
>
|
||
<span
|
||
class="Select__indicator-separator css-1okebmr-indicatorSeparator"
|
||
/>
|
||
<div
|
||
aria-hidden="true"
|
||
class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
|
||
>
|
||
<svg
|
||
aria-hidden="true"
|
||
class="css-6q0nyr-Svg"
|
||
focusable="false"
|
||
height="20"
|
||
viewBox="0 0 20 20"
|
||
width="20"
|
||
>
|
||
<path
|
||
d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
|
||
/>
|
||
</svg>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<section>
|
||
<div
|
||
class="SubTitle"
|
||
>
|
||
Tab size
|
||
|
||
</div>
|
||
<div
|
||
class="Input theme round black"
|
||
>
|
||
<label
|
||
class="input-area flex gaps align-center"
|
||
id=""
|
||
>
|
||
<input
|
||
class="input box grow"
|
||
min="1"
|
||
spellcheck="false"
|
||
type="number"
|
||
value="42"
|
||
/>
|
||
</label>
|
||
<div
|
||
class="input-info flex gaps"
|
||
/>
|
||
</div>
|
||
</section>
|
||
<section>
|
||
<div
|
||
class="SubTitle"
|
||
>
|
||
Font size
|
||
|
||
</div>
|
||
<div
|
||
class="Input theme round black"
|
||
>
|
||
<label
|
||
class="input-area flex gaps align-center"
|
||
id=""
|
||
>
|
||
<input
|
||
class="input box grow"
|
||
min="10"
|
||
spellcheck="false"
|
||
type="number"
|
||
value="42"
|
||
/>
|
||
</label>
|
||
<div
|
||
class="input-info flex gaps"
|
||
/>
|
||
</div>
|
||
</section>
|
||
<section>
|
||
<div
|
||
class="SubTitle"
|
||
>
|
||
Font family
|
||
|
||
</div>
|
||
<div
|
||
class="Input theme round black"
|
||
>
|
||
<label
|
||
class="input-area flex gaps align-center"
|
||
id=""
|
||
>
|
||
<input
|
||
class="input box grow"
|
||
spellcheck="false"
|
||
type="text"
|
||
value=""
|
||
/>
|
||
</label>
|
||
<div
|
||
class="input-info flex gaps"
|
||
/>
|
||
</div>
|
||
</section>
|
||
</section>
|
||
</div>
|
||
<div
|
||
class="toolsRegion"
|
||
>
|
||
<div
|
||
class="fixed top-[60px]"
|
||
>
|
||
<div
|
||
data-testid="close-preferences"
|
||
>
|
||
<div
|
||
aria-label="Close"
|
||
class="closeButton"
|
||
role="button"
|
||
>
|
||
<i
|
||
class="Icon icon material focusable"
|
||
>
|
||
<span
|
||
class="icon"
|
||
data-icon-name="close"
|
||
>
|
||
close
|
||
</span>
|
||
</i>
|
||
</div>
|
||
<div
|
||
aria-hidden="true"
|
||
class="esc"
|
||
>
|
||
ESC
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
`;
|