From: Ben Harris <bjh21@bjh21.me.uk>
Date: Tue, 16 Sep 2025 21:32:40 +0000 (+0100)
Subject: webstead: almost-acceptable pixel-looking input
X-Git-Tag: bedstead-3.261~61
X-Git-Url: https://www.chiark.greenend.org.uk/ucgi/~bjharris/git?a=commitdiff_plain;h=3a6e2bc265453e20c4443c519be51aa48f05f414;p=bedstead.git

webstead: almost-acceptable pixel-looking input
---

diff --git a/webstead.xhtml b/webstead.xhtml
index 0c23a5b..b07c812 100644
--- a/webstead.xhtml
+++ b/webstead.xhtml
@@ -3,6 +3,26 @@
     <!-- SPDX-License-Identifier: CC0-1.0 -->
     <link rel="stylesheet" href="bedstead.css" type="text/css" />
     <title>Bedstead editor test</title>
+    <style>
+      :root {
+          --pix: 50px;
+      }
+      #pixels {
+          border-spacing: 0;
+      }
+      #pixels td {
+          padding: 0;
+      }
+      #pixels input {
+          appearance: none;
+          margin: 0;
+          width: var(--pix);
+          height: var(--pix);
+      }
+      #pixels input:checked {
+          background: #33ff88;
+      }
+    </style>
     <script type="module"><![CDATA[
     import Bedstead from './bedstead.js';
     function update_glyph() {