hmn
/
hmn
Archived
4
Fork 10
Code Issues 60 Pull Requests Releases Activity

Project edit tweaks

This commit is contained in:
Ben Visness 2024-07-05 13:40:13 -05:00
parent b6ed35902d
commit e1ee5c6635
4 changed files with 20 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
public/style.css
View File

@ -8013,7 +8013,7 @@ video {
} }
/* src/rawdata/scss/form.css */ /* src/rawdata/scss/form.css */
.hmn-form input, .hmn-form input:not([type=submit]),
.hmn-form textarea, .hmn-form textarea,
.hmn-form select { .hmn-form select {
color: var(--color); color: var(--color);
@ -8022,24 +8022,24 @@ video {
padding: 0.75rem; padding: 0.75rem;
outline: none; outline: none;
} }
.hmn-form input:not(.no-border), .hmn-form input:not([type=submit]):not(.no-border),
.hmn-form textarea:not(.no-border), .hmn-form textarea:not(.no-border),
.hmn-form select:not(.no-border) { .hmn-form select:not(.no-border) {
border: 1px solid var(--border-color); border: 1px solid var(--border-color);
} }
.hmn-form input:focus, .hmn-form input:not([type=submit]):focus,
.hmn-form textarea:focus, .hmn-form textarea:focus,
.hmn-form select:focus { .hmn-form select:focus {
border-color: var(--border-color-focused); border-color: var(--border-color-focused);
} }
.hmn-form input:focus ~ .also-focus, .hmn-form input:not([type=submit]):focus ~ .also-focus,
.hmn-form textarea:focus ~ .also-focus, .hmn-form textarea:focus ~ .also-focus,
.hmn-form select:focus ~ .also-focus { .hmn-form select:focus ~ .also-focus {
border-color: var(--border-color-focused); border-color: var(--border-color-focused);
} }
.error :is(.hmn-form input), .error :is(.hmn-form input:not([type=submit])),
.hmn-form input.error, .hmn-form input:not([type=submit]).error,
.hmn-form input:user-invalid, .hmn-form input:not([type=submit]):user-invalid,
.error :is(.hmn-form textarea), .error :is(.hmn-form textarea),
.hmn-form textarea.error, .hmn-form textarea.error,
.hmn-form textarea:user-invalid, .hmn-form textarea:user-invalid,
@ -8048,7 +8048,7 @@ video {
.hmn-form select:user-invalid { .hmn-form select:user-invalid {
border-color: var(--border-color-error); border-color: var(--border-color-error);
} }
.hmn-form input:disabled, .hmn-form input:not([type=submit]):disabled,
.hmn-form textarea:disabled, .hmn-form textarea:disabled,
.hmn-form select:disabled { .hmn-form select:disabled {
background-color: var(--c5); background-color: var(--c5);
@ -8094,7 +8094,7 @@ input[type=submit],
cursor: pointer; cursor: pointer;
font-weight: 500; font-weight: 500;
line-height: 1.5rem; line-height: 1.5rem;
border: none; border-style: none;
} }
button.btn-primary, button.btn-primary,
input[type=submit].btn-primary, input[type=submit].btn-primary,

4
src/rawdata/scss/form.css
View File

@ -1,6 +1,6 @@
.hmn-form { .hmn-form {
input, input:not([type="submit"]),
textarea, textarea,
select { select {
color: var(--color); color: var(--color);
@ -81,7 +81,7 @@ input[type=submit],
cursor: pointer; cursor: pointer;
font-weight: 500; font-weight: 500;
line-height: 1.5rem; line-height: 1.5rem;
border: none; border-style: none;
&.btn-primary { &.btn-primary {
background-color: var(--button-color-primary); background-color: var(--button-color-primary);

12
src/templates/src/include/link_editor.html
View File

@ -9,11 +9,13 @@
<div class="b drop_slot secondary_links">Secondary Links</div> <div class="b drop_slot secondary_links">Secondary Links</div>
</div> </div>
<template id="link_row"> <template id="link_row">
<div class="link_row drop_slot w-100 flex flex-row items-center" data-tmpl="root"> <div class="link_row drop_slot w-100 flex items-center" data-tmpl="root">
<span class="link_handle svgicon pr3 pointer grab" onmousedown="startLinkDrag(event)">{{ svg "draggable" }}</span> <span class="link_handle svgicon pr2 pointer grab" onmousedown="startLinkDrag(event)">{{ svg "draggable" }}</span>
<input data-tmpl="nameInput" class="link_name mr3 w5" type="text" placeholder="Name" oninput="linkInput(event)" /> <div class="flex-grow-1 flex flex-column flex-row-ns g2">
<input data-tmpl="urlInput" class="link_url flex-grow-1" type="url" placeholder="Link" oninput="linkInput(event)" /> <input data-tmpl="nameInput" class="link_name w5-ns" type="text" placeholder="Name" oninput="linkInput(event)" />
<a class="delete_link svgicon link-normal pl3 f3" href="javascript:;" onclick="deleteLink(event)">{{ svg "delete" }}</a> <input data-tmpl="urlInput" class="link_url flex-grow-1" type="url" placeholder="Link" oninput="linkInput(event)" />
</div>
<a class="delete_link svgicon link-normal pl2 pl3-ns f3" href="javascript:;" onclick="deleteLink(event)">{{ svg "delete" }}</a>
</div> </div>
</template> </template>
<template id="link_row_dummy"> <template id="link_row_dummy">

4
src/templates/src/project_edit.html
View File

@ -33,7 +33,7 @@
{{ define "content" }} {{ define "content" }}
<div class="flex bb"> <div class="flex bb">
<form id="project_form" class="hmn-form bg1 pa4 flex-fair" method="POST" enctype="multipart/form-data"> <form id="project_form" class="hmn-form bg1 pa3 pa4-ns flex-fair" method="POST" enctype="multipart/form-data">
{{ csrftoken .Session }} {{ csrftoken .Session }}
<h1 class="f3"> <h1 class="f3">
@ -228,7 +228,7 @@
</div> </div>
</div> </div>
</form> </form>
<div class="flex-fair bl pa4"> <div class="dn db-l flex-fair bl pa4">
<!-- Link / card templates --> <!-- Link / card templates -->
<template id="primary_link"> <template id="primary_link">
<!-- need href --> <!-- need href -->