UI: Fix html/css validation errors

This commit is contained in:
Max Berger
2026-03-29 00:05:17 +01:00
parent 9688db7e21
commit 405c192158
4 changed files with 17 additions and 16 deletions

View File

@@ -191,7 +191,7 @@ main {
#collectionsscene article p {
font-size: 1em;
max-height: 130px;
overflow: overlay;
overflow: auto;
word-wrap: break-word;
}
@@ -476,7 +476,8 @@ a.blue:active {
}
button.inline {
padding-inline: 1px;
padding-left: 1px;
padding-right: 1px;
min-width: 2em;
margin: 0;
}

View File

@@ -127,13 +127,13 @@
<option value="WEBCAL">webcal</option>
</select>
<label for="displayname">Title:</label>
<input data-name="displayname" type="text">
<input data-name="displayname" id="displayname" type="text">
<label for="description">Description:</label>
<input data-name="description" type="text">
<input data-name="description" id="description" type="text">
<label for="source">Source:</label>
<input data-name="source" type="url">
<input data-name="source" id="source" type="url">
<label for="color">Color:</label>
<input data-name="color" type="color">
<input data-name="color" id="color" type="color">
<br>
<span class="error hidden" data-name="error"></span>
<br>
@@ -309,15 +309,15 @@
<option value="WEBCAL">Webcal</option>
</select>
<label for="href">HREF:</label>
<input data-name="href" type="text">
<input data-name="href" id="href" type="text">
<label for="displayname">Title:</label>
<input data-name="displayname" type="text">
<input data-name="displayname" id="create_displayname" type="text">
<label for="description">Description:</label>
<input data-name="description" type="text">
<input data-name="description" id="create_description" type="text">
<label for="source">Source:</label>
<input data-name="source" type="url">
<input data-name="source" id="create_source" type="url">
<label for="color">Color:</label>
<input data-name="color" type="color">
<input data-name="color" id="create_color" type="color">
<br>
<span class="error" data-name="error"></span>
<br>
@@ -342,9 +342,9 @@
</div>
<form>
<label for="uploadfile">File:</label>
<input data-name="uploadfile" type="file" accept=".ics, .vcf" multiple>
<label for="href">HREF:</label>
<input data-name="href" type="text">
<input data-name="uploadfile" id="uploadfile" type="file" accept=".ics, .vcf" multiple>
<label for="upload_href">HREF:</label>
<input data-name="href" id="upload_href" type="text">
<small data-name="hreflimitmsg" class="hidden">You can only specify the HREF if you upload 1 file.</small>
<button type="submit" class="green" data-name="submit">Upload</button>
<button type="button" class="red" data-name="close">Close</button>

View File

@@ -53,7 +53,7 @@ export class CreateEditCollectionScene {
this._displayname_form = /** @type {HTMLInputElement} */(get_element(this._html_scene, "[data-name=displayname]"));
this._description_form = /** @type {HTMLInputElement} */(get_element(this._html_scene, "[data-name=description]"));
this._source_form = /** @type {HTMLInputElement} */(get_element(this._html_scene, "[data-name=source]"));
this._source_label = get_element(this._html_scene, "label[for=source]");
this._source_label = get_element(this._html_scene, "label[for$=source]");
this._type_form = /** @type {HTMLSelectElement} */(get_element(this._html_scene, "[data-name=type]"));
this._color_form = /** @type {HTMLInputElement} */(get_element(this._html_scene, "[data-name=color]"));
this._submit_btn = get_element(this._html_scene, "[data-name=submit]");

View File

@@ -48,7 +48,7 @@ export class UploadCollectionScene {
this._uploadfile_form = /** @type {HTMLInputElement} */ (get_element(this._html_scene, "[data-name=uploadfile]"));
this._uploadfile_lbl = get_element(this._html_scene, "label[for=uploadfile]");
this._href_form = /** @type {HTMLInputElement} */ (get_element(this._html_scene, "[data-name=href]"));
this._href_label = get_element(this._html_scene, "label[for=href]");
this._href_label = get_element(this._html_scene, "label[for$=href]");
this._hreflimitmsg_html = get_element(this._html_scene, "[data-name=hreflimitmsg]");
this._pending_html = get_element(this._html_scene, "[data-name=pending]");
this._error_form = get_element(this._html_scene, ":scope > span[data-name=error]");