[frontend] Better autocapitalize/spellcheck settings on forms (#3077)

This commit is contained in:
tobi
2024-07-08 09:38:27 +02:00
committed by GitHub
parent 5769722c58
commit bbbf6ebe37
20 changed files with 205 additions and 38 deletions

View File

@ -100,7 +100,7 @@ export default function HeaderPermCreateForm({ permType }: { permType: PermType
field={form.header}
label={
<>
HTTP Header Name&nbsp;
Header Name&nbsp;
<a
href="https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers"
target="_blank"
@ -112,12 +112,15 @@ export default function HeaderPermCreateForm({ permType }: { permType: PermType
</>
}
placeholder={"User-Agent"}
autoCapitalize="none"
spellCheck="false"
{...{className: "monospace"}}
/>
<TextInput
field={form.regex}
label={
<>
HTTP Header Value RE2 Regex&nbsp;
Value Regex&nbsp;
<a
href="https://github.com/google/re2/wiki/Syntax"
target="_blank"
@ -129,6 +132,8 @@ export default function HeaderPermCreateForm({ permType }: { permType: PermType
</>
}
placeholder={"^.*Some-User-Agent.*$"}
autoCapitalize="none"
spellCheck="false"
{...{className: "monospace"}}
/>
<MutationButton

View File

@ -164,7 +164,7 @@ function PermDeets({
<dl className="info-list">
<div className="info-list-entry">
<dt>ID</dt>
<dd>{perm.id}</dd>
<dd className="monospace">{perm.id}</dd>
</div>
<div className="info-list-entry">
<dt>Created</dt>
@ -176,10 +176,10 @@ function PermDeets({
</div>
<div className="info-list-entry">
<dt>Header Name</dt>
<dd>{perm.header}</dd>
<dd className="monospace">{perm.header}</dd>
</div>
<div className="info-list-entry">
<dt>Header Value Regex</dt>
<dt>Value Regex</dt>
<dd className="monospace">{perm.regex}</dd>
</div>
<div className="info-list-entry">