LearnNewsExamplesServices
Frontmatter
id8384
titleAdd rounded corners to Markdown tables
stateClosed
labels
enhancementdesignai
assigneestobiu
createdAtJan 7, 2026, 3:21 PM
updatedAtJan 7, 2026, 3:23 PM
githubUrlhttps://github.com/neomjs/neo/issues/8384
authortobiu
commentsCount0
parentIssuenull
subIssues[]
subIssuesCompleted0
subIssuesTotal0
blockedBy[]
blocking[]
closedAtJan 7, 2026, 3:23 PM

Add rounded corners to Markdown tables

Closed v11.19.0 enhancementdesignai
tobiu
tobiu commented on Jan 7, 2026, 3:21 PM

To match the code blocks, tables in Neo.component.Markdown should have a 4px border radius.

Since border-collapse: collapse prevents border-radius from working, we should switch to border-collapse: separate with border-spacing: 0.

Proposed CSS Update: Modify resources/scss/src/component/Markdown.scss:

    > table {
        border         : 1px solid lightgray;
        border-collapse: separate;
        border-radius  : 4px;
        border-spacing : 0;
        margin         : 1em 0;
        overflow       : hidden;
        width          : 100%;

        th, td {
            border-bottom: 1px solid lightgray;
            border-right : 1px solid lightgray;
            padding      : 8px 12px;
            text-align   : left;
        }

        /* Prevent double borders on the right edge */
        th:last-child, 
        td:last-child {
            border-right: none;
        }

        /* Prevent double borders on the bottom edge */
        tr:last-child td {
            border-bottom: none;
        }

        th {
            background-color: #f8f8f8;
            font-weight     : bold;
        }
    }
tobiu added the enhancement label on Jan 7, 2026, 3:21 PM
tobiu added the design label on Jan 7, 2026, 3:21 PM
tobiu added the ai label on Jan 7, 2026, 3:21 PM
tobiu assigned to @tobiu on Jan 7, 2026, 3:21 PM
tobiu referenced in commit c3c63d7 - "Add rounded corners to Markdown tables #8384" on Jan 7, 2026, 3:23 PM
tobiu closed this issue on Jan 7, 2026, 3:23 PM