feat(StructuredNavigation): add styles for StructuredNavigation (#943)

* feat: Add SkinStyles to StructuredNavigation

Signed-off-by: Pisces <admin@songngu.xyz>

* Changed group-title text align

From right to left, for the sake of readability.

Signed-off-by: Pisces <vuminhnguyen@songngu.xyz>

* Update ext.structuredNav.NavigationView.less

Per review from @alistar3149

* Update ext.structuredNav.NavigationView.less

Another review-based patch

---------

Signed-off-by: Pisces <admin@songngu.xyz>
Signed-off-by: Pisces <vuminhnguyen@songngu.xyz>
This commit is contained in:
Vũ Minh Nguyên 2024-09-06 03:24:36 +07:00 committed by GitHub
parent bb44e05f97
commit 8eb6e51110
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
3 changed files with 51 additions and 0 deletions

View file

@ -82,6 +82,7 @@ Name | Grade | Version | Last updated
[Semantic Result Formats](https://www.mediawiki.org/wiki/Extension:Semantic_Result_Formats) | E | N/A | N/A
[SimpleTooltip](https://www.mediawiki.org/wiki/Extension:SimpleTooltip) | B | N/A | 2022-02-19
[SmiteSpam](https://www.mediawiki.org/wiki/Extension:SmiteSpam) | B | REL1_39 `c81b04b` | 2023-05-30
[StructuredNavigation](https://www.mediawiki.org/wiki/Extension:StructuredNavigation) | A | REL1_39 `55e2ec0` | 2024-09-06
[SyntaxHighlight](https://www.mediawiki.org/wiki/Extension:SyntaxHighlight) | A | REL1_35 `05598b3` | 2023-05-22
[Tabs](https://www.mediawiki.org/wiki/Extension:Tabs) | A | REL1_39 `63ccef2` | 2023-07-11
[Tabber](https://www.mediawiki.org/wiki/Extension:Tabber) | A | N/A | N/A

View file

@ -486,6 +486,7 @@
"+onoi.dataTables.styles": "skinStyles/extensions/SemanticResultFormats/jquery/jquery.dataTables.less",
"+ext.SimpleTooltip": "skinStyles/extensions/SimpleTooltip/ext.SimpleTooltip.less",
"+ext.SmiteSpam.retriever": "skinStyles/extensions/SmiteSpam/ext.SmiteSpam.retriever.less",
"+ext.structuredNav.NavigationView.styles": "skinStyles/extensions/StructuredNavigation/ext.structuredNav.NavigationView.less",
"+ext.pygments": "skinStyles/extensions/SyntaxHighlight_GeSHi/ext.pygments.less",
"+ext.searchdigest.styles": "skinStyles/extensions/SearchDigest/ext.searchdigest.styles.less",
"+ext.tabs": "skinStyles/extensions/Tabs/ext.tabs.less",

View file

@ -0,0 +1,49 @@
/*
* Citizen
*
* SkinStyles for StructuredNavigation
* Module: ext.structuredNav.NavigationView.styles
* Version: REL1_39 55e2ec0
*
* Date: 2024-09-06
*/
/* ext.structuredNav.NavigationView.less */
.mw-structurednav-navigation-container {
background-color: var( --color-surface-0 );
border-color: var( --border-color-subtle );
font-size: var( --font-size-small );
border-radius: var( --border-radius-base );
}
.mw-structurednav-header {
background: var( --color-surface-3 );
color: var( --color-base );
font-size: var( --font-size-small );
// Needs higher specificity to override default skin styles
// for the h2 element - Samantha Nguyen
.mw-structurednav-header-title {
font-family: var( --font-family-base );
font-size: var( --font-size-medium );
font-weight: var( --font-weight-semibold );
}
}
.mw-structurednav-group-title,
.mw-structurednav-group-content {
border-top-color: var( --color-surface-0 );
}
.mw-structurednav-group-title {
background: var( --color-surface-2 );
color: var( --color-base );
font-weight: var( --font-weight-semibold );
font-family: var( --font-family-base );
text-align: start ;
}
/* ext.structuredNav.NavigationView.separator.less */
.mw-structurednav-group-content-item:not( :last-child ):after {
color: var( --color-base );
}