cronekorkn/left4me
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix(l4d2-web): textareas — monospace font, consistent rows on blueprint forms

Browse source 
Bash script, Arguments and Config are all structured text — render them
in a monospace font with tab-size: 4 and resize: vertical via a base
'textarea' rule in components.css. Add rows="8" + spellcheck="false"
to the blueprint Arguments/Config textareas (both edit and create
forms) so they're a sensible size and consistent with each other.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
mwiegand 2026-05-08 20:52:12 +02:00
parent 7b31390b4c
commit 01760a31f5
No known key found for this signature in database
3 changed files with 12 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
l4d2web/static/css/components.css
View file

@ -50,6 +50,14 @@ textarea {
padding: var(--space-s) var(--space-m); padding: var(--space-s) var(--space-m);
} }
textarea {
font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
font-size: 0.875rem;
line-height: 1.5;
resize: vertical;
tab-size: 4;
}
input:focus, input:focus,
select:focus, select:focus,
textarea:focus, textarea:focus,

4
l4d2web/templates/blueprint_detail.html
View file

@ -26,8 +26,8 @@
{% endfor %} {% endfor %}
</tbody> </tbody>
</table> </table>
<label>Arguments <textarea name="arguments">{{ arguments | join('\n') }}</textarea></label> <label>Arguments <textarea name="arguments" rows="8" spellcheck="false">{{ arguments | join('\n') }}</textarea></label>
<label>Config <textarea name="config">{{ config_lines | join('\n') }}</textarea></label> <label>Config <textarea name="config" rows="8" spellcheck="false">{{ config_lines | join('\n') }}</textarea></label>
<button type="submit">Save blueprint</button> <button type="submit">Save blueprint</button>
</form> </form>
</section> </section>

4
l4d2web/templates/blueprints.html
View file

@ -34,8 +34,8 @@
<div class="modal-body"> <div class="modal-body">
<input type="hidden" name="csrf_token" value="{{ session.get('csrf_token', '') }}"> <input type="hidden" name="csrf_token" value="{{ session.get('csrf_token', '') }}">
<label>Name <input name="name" required></label> <label>Name <input name="name" required></label>
<label>Arguments <textarea name="arguments"></textarea></label> <label>Arguments <textarea name="arguments" rows="8" spellcheck="false"></textarea></label>
<label>Config <textarea name="config"></textarea></label> <label>Config <textarea name="config" rows="8" spellcheck="false"></textarea></label>
</div> </div>
<div class="modal-footer"> <div class="modal-footer">
<button type="button" class="button-secondary" data-modal-close>Cancel</button> <button type="button" class="button-secondary" data-modal-close>Cancel</button>