andyburke/autonomous.contact
1
0
Fork 1
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feature: blurbs

Browse source 
refactor: style updates and fixes
This commit is contained in:
Andy Burke 2025-09-23 17:13:51 -07:00
parent 591fd38088
commit cbd58071b8
9 changed files with 101 additions and 52 deletions
Download patch file Download diff file Expand all files Collapse all files

48
public/tabs/blurbs/new_blurb.html
View file

@ -1,3 +1,26 @@
<style>
.new-blurb-container input[type="file"] {
display: none;
visibility: hidden;
opacity: 0;
}
.new-blurb-container .blurb-limit-counter {
font-size: smaller;
margin-left: 0.5rem;
}
.new-blurb-container .file-attach-label {
display: block;
text-align: right;
margin-top: -2.5rem;
padding: 0.5rem;
}
.new-blurb-container .file-attach-label .icon {
display: inline-block;
}
</style>
<div class="new-blurb-container" data-requires-permission="topics.blurbs.create">
<label>
<input type="checkbox" collapse-toggle />
@ -53,10 +76,21 @@
<input
type="hidden"
name="parent_id"
generator="(_input, form) => { debugger; const parent_blurb = form.closest( '.blurb-container' ); return parent_blurb?.dataset?.blurb_id; }"
generator="(_input, form) => { const parent_blurb = form.closest( '.blurb-container' ); return parent_blurb?.dataset?.blurb_id; }"
/>
<label>
<textarea
type="text"
name="data.blurb"
value=""
maxlength="256"
rows="4"
placeholder=" ... "
reset-on-submit
></textarea>
<div class="blurb-limit-counter" data-limit-counter-for="data.blurb">0 / 256</div>
<label class="file-attach-label">
<input
aria-label="Upload and share file"
type="file"
@ -67,14 +101,6 @@
/>
<div class="icon attachment"></div>
</label>
<textarea
type="text"
name="data.blurb"
value=""
maxlength="256"
placeholder=" ... "
reset-on-submit
></textarea>
<input type="submit" value="Blurb" />
<input type="submit" value="Blurb It!" />
</form>
</div>