pixeldrain/fnx_web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add support for datetime-local to forms

Browse Source
This commit is contained in:
Fornax
2023-02-15 19:39:31 +01:00
parent 3bee693fa8
commit 2281b6f14d
2 changed files with 14 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
res/static/style/layout.css
View File

@@ -595,7 +595,8 @@ input[type="text"],
input[type="password"], input[type="password"],
input[type="email"], input[type="email"],
input[type="number"], input[type="number"],
input[type="date"] { input[type="date"],
input[type="datetime-local"] {
display: inline-block; display: inline-block;
margin: 3px; margin: 3px;
/* Same as button, to make them align nicely */ /* Same as button, to make them align nicely */
@@ -617,12 +618,14 @@ input[type="password"]:active,
input[type="email"]:active, input[type="email"]:active,
input[type="number"]:active, input[type="number"]:active,
input[type="date"]:active, input[type="date"]:active,
input[type="datetime-local"]:active,
textarea:focus, textarea:focus,
input[type="text"]:focus, input[type="text"]:focus,
input[type="password"]:focus, input[type="password"]:focus,
input[type="email"]:focus, input[type="email"]:focus,
input[type="number"]:focus, input[type="number"]:focus,
input[type="date"]:focus { input[type="date"]:focus,
input[type="datetime-local"]:focus {
box-shadow: inset 0 0 3px 0 var(--highlight_color); box-shadow: inset 0 0 3px 0 var(--highlight_color);
} }
@@ -631,7 +634,8 @@ input[type="text"]:disabled,
input[type="password"]:disabled, input[type="password"]:disabled,
input[type="email"]:disabled, input[type="email"]:disabled,
input[type="number"]:disabled, input[type="number"]:disabled,
input[type="date"]:disabled { input[type="date"]:disabled,
input[type="datetime-local"]:disabled {
color: var(--input_disabled_text); color: var(--input_disabled_text);
box-shadow: none; box-shadow: none;
transition: none; transition: none;

7
svelte/src/util/Form.svelte
View File

@@ -166,6 +166,13 @@ let handle_errors = (response) => {
type="number" type="number"
step="0.1" step="0.1"
class="form_input"/> class="form_input"/>
{:else if field.type === "datetime-local"}
<input bind:this={field.binding}
id="input_{field.name}"
name="{field.name}"
value="{field.default_value}"
type="datetime-local"
class="form_input"/>
{:else if field.type === "username"} {:else if field.type === "username"}
<input bind:this={field.binding} <input bind:this={field.binding}
id="input_{field.name}" id="input_{field.name}"