Jul 24 - Update Rich-text editor to enhance table editor 7

.claude/settings.json

@@ -35,7 +35,8 @@
       "Bash(curl -sSL https://raw.githubusercontent.com/attoae/quill-table-better/main/src/ui/table-properties-form.ts -o tpf.ts -w \"tpf %{http_code}\\\\n\")",
       "Bash(python -m py_compile app.py)",
       "Bash(curl -sSL https://raw.githubusercontent.com/attoae/quill-table-better/main/src/utils/index.ts -o utils.ts -w \"utils %{http_code}\\\\n\")",
-      "Bash(grep -nA15 \"function getAlign|getAlign =|export const getAlign\" utils.ts)"
+      "Bash(grep -nA15 \"function getAlign|getAlign =|export const getAlign\" utils.ts)",
+      "Bash(grep -nA20 \"getDiffProperties\" tpf.ts)"
     ]
   }
 }

static/css/style.css

@@ -161,7 +161,10 @@ body{
    win over these defaults). table-layout:fixed honours the authored widths;
    max-width keeps a wide table from overflowing the column. */
 .prose table{border-collapse:collapse;table-layout:fixed;max-width:100%;margin:1em 0;font-size:.95rem}
-.prose td,.prose th{border:1px solid var(--hair);padding:.5rem .65rem;text-align:left;vertical-align:top;word-wrap:break-word}
+/* vertical-align:middle matches quill-table-better's cell default, so a cell
+   left at the default (which stores no inline style) looks the same here as in
+   the editor. Cells set to top/bottom carry an inline style that overrides. */
+.prose td,.prose th{border:1px solid var(--hair);padding:.5rem .65rem;text-align:left;vertical-align:middle;word-wrap:break-word}
 .prose th{background:rgba(0,0,0,.03);color:var(--ink);font-weight:600}
 /* Cell alignment is Quill's align class on the cell's <p> (see admin editor). */
 .prose .ql-align-center{text-align:center}