diff --git a/packages/session-ui/src/components/markdown.css b/packages/session-ui/src/components/markdown.css index c2bb351fd6f..2240aac50fd 100644 --- a/packages/session-ui/src/components/markdown.css +++ b/packages/session-ui/src/components/markdown.css @@ -410,12 +410,14 @@ text-underline-offset: 2px; } - /* Tables: same frame, header and rows as generated UI tables (genui.css) */ + /* Tables: the Console's data table, a raised body inside a muted frame that also holds the header */ [data-component="markdown-table"] { margin: 16px 0; overflow-x: auto; - border: 0.5px solid var(--v2-border-border-muted); + padding: 2px; border-radius: 6px; + background: var(--v2-background-bg-layer-01); + box-shadow: inset 0 0 0 0.5px var(--v2-border-border-muted); } table { @@ -430,23 +432,47 @@ letter-spacing: -0.04px; } + tbody { + border-radius: 4px; + background: var(--v2-background-bg-base); + box-shadow: var(--v2-elevation-raised); + } + th, td { - padding: 8px 12px; - border-bottom: 0.5px solid var(--v2-border-border-muted); text-align: start; vertical-align: top; } th { - border-bottom-color: var(--v2-border-border-base); - background: var(--v2-background-bg-layer-01); - color: var(--v2-text-text-muted); - font-weight: 530; + padding: 8px 12px; + color: var(--v2-text-text-faint); + font-weight: 500; + user-select: none; } - tr:last-child td { - border-bottom: 0; + td { + padding: 10px 12px; + } + + tbody tr:not(:last-child) td { + border-bottom: 0.5px solid var(--v2-border-border-muted); + } + + tbody tr:first-child td:first-child { + border-start-start-radius: 4px; + } + + tbody tr:first-child td:last-child { + border-start-end-radius: 4px; + } + + tbody tr:last-child td:first-child { + border-end-start-radius: 4px; + } + + tbody tr:last-child td:last-child { + border-end-end-radius: 4px; } /* Images */