Add color input to nojs form
このコミットが含まれているのは:
コミット
0d583c8617
|
@ -220,7 +220,7 @@ footer {
|
||||||
}
|
}
|
||||||
body {
|
body {
|
||||||
grid-auto-rows: var(--video-height) 1fr auto;
|
grid-auto-rows: var(--video-height) 1fr auto;
|
||||||
grid-auto-columns: 1fr 320px;
|
grid-auto-columns: 1fr var(--chat-width);
|
||||||
grid-template-areas:
|
grid-template-areas:
|
||||||
"stream chat"
|
"stream chat"
|
||||||
"info chat"
|
"info chat"
|
||||||
|
|
|
@ -19,6 +19,9 @@
|
||||||
a {
|
a {
|
||||||
color: var(--link-color);
|
color: var(--link-color);
|
||||||
}
|
}
|
||||||
|
input:not([type]), input[type="password"] {
|
||||||
|
min-width: 20ch;
|
||||||
|
}
|
||||||
.pseudolink {
|
.pseudolink {
|
||||||
color: var(--link-color);
|
color: var(--link-color);
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
@ -96,12 +99,6 @@
|
||||||
grid-auto-rows: 1fr 1fr 2rem;
|
grid-auto-rows: 1fr 1fr 2rem;
|
||||||
grid-auto-columns: min-content 1fr min-content;
|
grid-auto-columns: min-content 1fr min-content;
|
||||||
}
|
}
|
||||||
#appearance-form__label-password,
|
|
||||||
#appearance-form__password,
|
|
||||||
#password-column,
|
|
||||||
#hide-password {
|
|
||||||
grid-row: 2;
|
|
||||||
}
|
|
||||||
#appearance-form__buttons {
|
#appearance-form__buttons {
|
||||||
grid-column: 1 / span 3;
|
grid-column: 1 / span 3;
|
||||||
display: grid;
|
display: grid;
|
||||||
|
@ -116,6 +113,9 @@
|
||||||
#appearance-form label:not(.tripcode):not(.x) {
|
#appearance-form label:not(.tripcode):not(.x) {
|
||||||
font-size: 11pt;
|
font-size: 11pt;
|
||||||
}
|
}
|
||||||
|
#hide-password {
|
||||||
|
align-self: center;
|
||||||
|
}
|
||||||
|
|
||||||
#password-toggle,
|
#password-toggle,
|
||||||
#appearance-form__password {
|
#appearance-form__password {
|
||||||
|
@ -189,9 +189,10 @@
|
||||||
<div id="chat-form__exit"><a href="#appearance">Settings</a></div>
|
<div id="chat-form__exit"><a href="#appearance">Settings</a></div>
|
||||||
<input id="chat-form__submit" type="submit" value="Chat" tabindex="2" accesskey="p">
|
<input id="chat-form__submit" type="submit" value="Chat" tabindex="2" accesskey="p">
|
||||||
</form>
|
</form>
|
||||||
<form id="appearance-form" action="/{{ url_for('nojs_submit_appearance', token=user.token) }}" method="post">
|
<form id="appearance-form" action="{{ url_for('nojs_submit_appearance', token=user.token) }}" method="post">
|
||||||
<label id="appearance-form__label-name" for="appearance-form__name">Name:</label>
|
<label id="appearance-form__label-name" for="appearance-form__name">Name:</label>
|
||||||
<input id="appearance-form__name" name="name" value="{{ user.name or '' }}" placeholder="{{ user.name or default_name }}">
|
<input id="appearance-form__name" name="name" value="{{ user.name or '' }}" placeholder="{{ user.name or default_name }}">
|
||||||
|
<input type="color" name="color" value="{{ user.color }}">
|
||||||
<label id="appearance-form__label-password" for="appearance-form__password">Tripcode:</label>
|
<label id="appearance-form__label-password" for="appearance-form__password">Tripcode:</label>
|
||||||
<input id="password-toggle" name="set-tripcode" type="checkbox" accesskey="s">
|
<input id="password-toggle" name="set-tripcode" type="checkbox" accesskey="s">
|
||||||
<input id="cleared-toggle" name="clear-tripcode" type="checkbox"{% if user.tripcode != none %} accesskey="c"{% endif %}>
|
<input id="cleared-toggle" name="clear-tripcode" type="checkbox"{% if user.tripcode != none %} accesskey="c"{% endif %}>
|
||||||
|
@ -207,7 +208,7 @@
|
||||||
{% endif %}
|
{% endif %}
|
||||||
</div>
|
</div>
|
||||||
<input id="appearance-form__password" name="password" type="password" placeholder="(tripcode password)">
|
<input id="appearance-form__password" name="password" type="password" placeholder="(tripcode password)">
|
||||||
<label id="hide-password" for="password-toggle" class="pseudolink x">✗</label>
|
<div id="hide-password"><label for="password-toggle" class="pseudolink x">✗</label></div>
|
||||||
<div id="appearance-form__buttons">
|
<div id="appearance-form__buttons">
|
||||||
<div id="appearance-form__exit"><a href="#chat">Return to chat</a></div>
|
<div id="appearance-form__exit"><a href="#chat">Return to chat</a></div>
|
||||||
<input type="submit" value="Update">
|
<input type="submit" value="Update">
|
||||||
|
|
|
@ -4,7 +4,7 @@
|
||||||
<meta charset="utf-8">
|
<meta charset="utf-8">
|
||||||
<style>
|
<style>
|
||||||
body {
|
body {
|
||||||
overflow-y: scroll;
|
overflow-y: auto;
|
||||||
margin: 1ch 1.5ch;
|
margin: 1ch 1.5ch;
|
||||||
font-family: sans-serif;
|
font-family: sans-serif;
|
||||||
}
|
}
|
||||||
|
|
読み込み中…
新しいイシューから参照