Border radius missing on non-horizontal table cells #154

adam-iris · 2019-01-19T00:23:18Z

Framework Version: 3.0.1
Flavor used: default
Operating System/Browser:
Code to reproduce:
Screenshots:
Bug description:
Additional information (Optional):

Horizontal tables have special handling to apply border-radius on the corner cells, but the regular table doesn't. A modified version of the horizontal table code fixes the issue for me:

table {
    thead tr:first-child th {
        &:first-child{
            border-top-left-radius: var(--universal-border-radius);
        }
        &:last-child{
            border-top-right-radius: var(--universal-border-radius);
        }
    }
    tbody tr:last-child td {
        &:first-child{
            border-bottom-left-radius: var(--universal-border-radius);
        }
        &:last-child{
            border-bottom-right-radius: var(--universal-border-radius);
        }
    }
}

Chalarangelo added bug Gluon good first issue table labels Jul 8, 2019

Chalarangelo closed this as completed in 7379e63 Jul 15, 2019

Border radius missing on non-horizontal table cells #154

Border radius missing on non-horizontal table cells #154

Comments

adam-iris commented Jan 19, 2019