StarCitizenTools/mediawiki-skins-Citizen
1
0
Fork 0
mirror of https://github.com/StarCitizenTools/mediawiki-skins-Citizen.git synced 2024-12-04 18:59:03 +00:00
Code Issues Packages Projects Releases Wiki Activity
mediawiki-skins-Citizen/resources/skins.citizen.styles/skinning/content.tables.less

110 lines
2.1 KiB
Plaintext
Raw Normal View History

feat(core): ✨ update wikitable styles When the wikitable style is first implemented, it didn't take consideration of different usage out there. For example, it doesn't work well with complex table or table cell background. This should make it more usable for wikis out there.
2022-11-15 18:08:00 +00:00
/*
* Citizen
*
* Module: mediawiki.skinning.content.tables
* Version: REL1_39
*
feat(wikitable): ✨ add border to wikitables Adding borders to wikitables to promote better readability. This is a complete rewrite of the styles so there might be unexpected issues.
2024-02-26 22:48:21 +00:00
* Date: 2024-02-26
feat(core): ✨ update wikitable styles When the wikitable style is first implemented, it didn't take consideration of different usage out there. For example, it doesn't work well with complex table or table cell background. This should make it more usable for wikis out there.
2022-11-15 18:08:00 +00:00
*/
feat(core): ✨ only handle wikitable instead of all tables Wikis use tables in creative ways and it is probably just safer to only apply it to wikitables. Might revisit if there are any news from T330527.
2024-05-29 21:47:13 +00:00
// TODO: Revisit on MW 1.43 since Minerva table styles are merged upstream
feat(core): ✨ update wikitable styles When the wikitable style is first implemented, it didn't take consideration of different usage out there. For example, it doesn't work well with complex table or table cell background. This should make it more usable for wikis out there.
2022-11-15 18:08:00 +00:00
.wikitable {
feat(core): ✨ only handle wikitable instead of all tables Wikis use tables in creative ways and it is probably just safer to only apply it to wikitables. Might revisit if there are any news from T330527.
2024-05-29 21:47:13 +00:00
display: block;
max-width: max-content; // Needed for the border
feat(core): ✨ update wikitable styles When the wikitable style is first implemented, it didn't take consideration of different usage out there. For example, it doesn't work well with complex table or table cell background. This should make it more usable for wikis out there.
2022-11-15 18:08:00 +00:00
margin: var( --space-md ) 0;
feat(core): ✨ only handle wikitable instead of all tables Wikis use tables in creative ways and it is probably just safer to only apply it to wikitables. Might revisit if there are any news from T330527.
2024-05-29 21:47:13 +00:00
overflow-x: auto;
style(css): 🎨 re-apply stylelint fixes
2024-04-16 05:28:45 +00:00
font-size: var( --font-size-small );
feat(wikitable): ✨ use box-shadow instead of border hacks to build table border
2024-07-07 05:51:22 +00:00
border-collapse: collapse;
border-color: var( --border-color-base );
feat(core): ✨ use px for border-radius - Move border radius calculation to CSS variable instead of LESS - Rename CSS variable according to Codex, soft-deprecating the existing border radius
2024-07-05 17:24:31 +00:00
border-radius: var( --border-radius-medium );
feat(wikitable): ✨ use box-shadow instead of border hacks to build table border
2024-07-07 05:51:22 +00:00
box-shadow: var( --box-shadow-border );
feat(core): ✨ update wikitable styles When the wikitable style is first implemented, it didn't take consideration of different usage out there. For example, it doesn't work well with complex table or table cell background. This should make it more usable for wikis out there.
2022-11-15 18:08:00 +00:00
caption {
fix(overflow): 🐛 fix undefined wrapper
2024-07-20 23:32:22 +00:00
padding: var( --space-xs ) var( --space-sm );
font-size: var( --font-size-medium );
feat(core): ✨ update wikitable styles When the wikitable style is first implemented, it didn't take consideration of different usage out there. For example, it doesn't work well with complex table or table cell background. This should make it more usable for wikis out there.
2022-11-15 18:08:00 +00:00
font-weight: var( --font-weight-semibold );
feat(core): ✨ convert some CSS variables into Codex equivalent This is an on-going work to adapt Codex into Citizen. Some of the CSS variables are soft depreciated, see tokens.less for updated info.
2024-06-30 05:04:30 +00:00
color: var( --color-emphasized );
feat(core): ✨ update wikitable styles When the wikitable style is first implemented, it didn't take consideration of different usage out there. For example, it doesn't work well with complex table or table cell background. This should make it more usable for wikis out there.
2022-11-15 18:08:00 +00:00
text-align: start;
}
ci: 👷 lint code to MediaWiki standards Check commit and GitHub actions for more details
2023-05-07 20:29:45 +00:00
fix(core): 🐛 only apply hover style to wikitable tbody rows
2023-07-17 00:25:04 +00:00
tbody tr {
feat(core): ✨ update wikitable styles When the wikitable style is first implemented, it didn't take consideration of different usage out there. For example, it doesn't work well with complex table or table cell background. This should make it more usable for wikis out there.
2022-11-15 18:08:00 +00:00
&:hover {
feat(core): ✨ convert some CSS variables into Codex equivalent part 2 Also fix various inconsistencies with quiet buttons
2024-07-01 00:41:31 +00:00
background-color: var( --background-color-button-quiet--hover );
feat(core): ✨ update wikitable styles When the wikitable style is first implemented, it didn't take consideration of different usage out there. For example, it doesn't work well with complex table or table cell background. This should make it more usable for wikis out there.
2022-11-15 18:08:00 +00:00
}
}
th {
feat(core): ✨ align th to the start
2022-11-15 18:16:39 +00:00
text-align: start;
feat(core): ✨ update wikitable styles When the wikitable style is first implemented, it didn't take consideration of different usage out there. For example, it doesn't work well with complex table or table cell background. This should make it more usable for wikis out there.
2022-11-15 18:08:00 +00:00
}
th,
td {
padding: var( --space-xs ) var( --space-sm );
}
feat(wikitable): ✨ add border to wikitables Adding borders to wikitables to promote better readability. This is a complete rewrite of the styles so there might be unexpected issues.
2024-02-26 22:48:21 +00:00
tr {
&:first-of-type {
th,
td {
&:first-child {
feat(core): ✨ use px for border-radius - Move border radius calculation to CSS variable instead of LESS - Rename CSS variable according to Codex, soft-deprecating the existing border radius
2024-07-05 17:24:31 +00:00
border-top-left-radius: var( --border-radius-medium );
feat(wikitable): ✨ add border to wikitables Adding borders to wikitables to promote better readability. This is a complete rewrite of the styles so there might be unexpected issues.
2024-02-26 22:48:21 +00:00
}
&:last-child {
feat(core): ✨ use px for border-radius - Move border radius calculation to CSS variable instead of LESS - Rename CSS variable according to Codex, soft-deprecating the existing border radius
2024-07-05 17:24:31 +00:00
border-top-right-radius: var( --border-radius-medium );
feat(wikitable): ✨ add border to wikitables Adding borders to wikitables to promote better readability. This is a complete rewrite of the styles so there might be unexpected issues.
2024-02-26 22:48:21 +00:00
}
}
}
&:last-of-type {
th,
td {
&:first-child {
feat(core): ✨ use px for border-radius - Move border radius calculation to CSS variable instead of LESS - Rename CSS variable according to Codex, soft-deprecating the existing border radius
2024-07-05 17:24:31 +00:00
border-bottom-left-radius: var( --border-radius-medium );
feat(wikitable): ✨ add border to wikitables Adding borders to wikitables to promote better readability. This is a complete rewrite of the styles so there might be unexpected issues.
2024-02-26 22:48:21 +00:00
}
&:last-child {
feat(core): ✨ use px for border-radius - Move border radius calculation to CSS variable instead of LESS - Rename CSS variable according to Codex, soft-deprecating the existing border radius
2024-07-05 17:24:31 +00:00
border-bottom-right-radius: var( --border-radius-medium );
feat(wikitable): ✨ add border to wikitables Adding borders to wikitables to promote better readability. This is a complete rewrite of the styles so there might be unexpected issues.
2024-02-26 22:48:21 +00:00
}
}
}
}
fix(wikitable): 🐛 incorrect border radius when both thead and tbody are present
2024-07-20 21:46:18 +00:00
feat(wikitable): ✨ use more accurate selectors to apply border and border radius
2024-07-20 23:53:26 +00:00
/* Add border separator between tr, thead, tbody, tfoot */
> :not( [ hidden ] ) ~ :not( [ hidden ] ),
> * > :not( [ hidden ] ) ~ :not( [ hidden ] ) {
border-top: var( --border-width-base ) solid var( --border-color-base );
}
/* Reset border radius between thead tbody, tbody tfoot, etc. */
> :has( + :not( :empty ) ) {
fix(wikitable): 🐛 incorrect border radius when both thead and tbody are present
2024-07-20 21:46:18 +00:00
tr:last-of-type {
th,
td {
&:first-child {
border-bottom-left-radius: var( --border-radius-sharp );
}
&:last-child {
border-bottom-right-radius: var( --border-radius-sharp );
}
}
}
}
feat(wikitable): ✨ use more accurate selectors to apply border and border radius
2024-07-20 23:53:26 +00:00
> * + :not( :empty ) {
fix(wikitable): 🐛 incorrect border radius when both thead and tbody are present
2024-07-20 21:46:18 +00:00
tr:first-of-type {
th,
td {
&:first-child {
border-top-left-radius: var( --border-radius-sharp );
}
&:last-child {
border-top-right-radius: var( --border-radius-sharp );
}
}
}
}
feat(core): ✨ update wikitable styles When the wikitable style is first implemented, it didn't take consideration of different usage out there. For example, it doesn't work well with complex table or table cell background. This should make it more usable for wikis out there.
2022-11-15 18:08:00 +00:00
}
Reference in a new issue Copy permalink