feat(wikitable): add new wikitable utility classes for additional styling

- .wikitable--border to enable vertical divider
- .wikitable--stripe to enable striped rows
This commit is contained in:
alistair3149 2024-07-20 20:33:31 -04:00
parent cc0820c204
commit 362dcd01cc
No known key found for this signature in database
3 changed files with 25 additions and 2 deletions

View file

@ -40,8 +40,7 @@
&-content {
width: 100%;
overflow-x: auto;
overflow-y: hidden;
overflow: auto hidden;
> .wikitable {
display: table;

View file

@ -47,10 +47,12 @@
th,
td {
&:first-child {
border-left-width: 0;
border-top-left-radius: var( --border-radius-medium );
}
&:last-child {
border-right-width: 0;
border-top-right-radius: var( --border-radius-medium );
}
}
@ -60,10 +62,12 @@
th,
td {
&:first-child {
border-left-width: 0;
border-bottom-left-radius: var( --border-radius-medium );
}
&:last-child {
border-right-width: 0;
border-bottom-right-radius: var( --border-radius-medium );
}
}
@ -106,4 +110,19 @@
}
}
}
&--border {
tr {
> :not( [ hidden ] ) ~ :not( [ hidden ] ) {
border-right: var( --border-width-base ) solid var( --border-color-base );
border-left: var( --border-width-base ) solid var( --border-color-base );
}
}
}
&--stripe {
tbody tr:nth-child( even ) {
background-color: var( --color-surface-2 );
}
}
}

View file

@ -59,6 +59,11 @@
}
}
.citizen-overflow-wrapper:has( #sv-software ) {
max-width: none;
box-shadow: none;
}
// Highlight Citizen skin
#mw-version-ext-skin-Citizen {
background: var( --color-surface-2 );