From 1583a83cbef26fc2573ac50ae842f5636f9d0377 Mon Sep 17 00:00:00 2001 From: Joe Politz Date: Fri, 9 Jan 2026 11:56:53 -0800 Subject: [PATCH] Round corners on pyret-table - Scope the rules to pyret-table - Create rules for the last to also be rounded --- src/web/css/editor.css | 14 ++++++++++++-- 1 file changed, 12 insertions(+), 2 deletions(-) diff --git a/src/web/css/editor.css b/src/web/css/editor.css index 04b2610f..e7e85bf6 100644 --- a/src/web/css/editor.css +++ b/src/web/css/editor.css @@ -2306,9 +2306,19 @@ table.pyret-table thead { position: sticky; top: 0; } + +table.pyret-table tr:last-child td:first-child { + border-bottom-left-radius: var(--table-radius); +} +table.pyret-table tr:last-child td:last-child { + border-bottom-right-radius: var(--table-radius); +} + /* style first and last th elements to use the table's rounded corners */ -th:first-child { border-top-left-radius: var(--table-radius); } -th:last-child { border-top-right-radius: var(--table-radius); } +table.pyret-table th:first-child { border-top-left-radius: var(--table-radius); } +table.pyret-table th:last-child { border-top-right-radius: var(--table-radius); } + + /* Force tables to be the full height of the viewport, leaving 225px for other chrome */ table.pyret-table tbody {