feat(PortableInfobox): clean up header styles

This commit is contained in:
alistair3149 2024-04-17 14:44:16 -04:00
parent 44e7af78bd
commit 756c87dad7
No known key found for this signature in database
GPG key ID: 16076C01E5C88864
2 changed files with 34 additions and 2 deletions

View file

@ -65,7 +65,7 @@ Name | Grade | Version | Last updated
[MultimediaViewer](https://www.mediawiki.org/wiki/Extension:MultimediaViewer) | A | REL1_39 `1b97775` | 2022-11-26
[OAuth](https://www.mediawiki.org/wiki/Extension:OAuth) | B | REL1_35 `451ed95` | 2021-08-31
[Popups](https://www.mediawiki.org/wiki/Extension:Popups) | A | REL1_39 `a40ebc1` | 2022-11-28
[PortableInfobox](https://www.mediawiki.org/wiki/Extension:PortableInfobox) | B | 0.6 `16a77dc` | 2022-04-14
[PortableInfobox](https://www.mediawiki.org/wiki/Extension:PortableInfobox) | A | 0.6 `16a77dc` | 2024-04-17
[RelatedArticles](https://www.mediawiki.org/wiki/Extension:RelatedArticles) | A | REL1_39 `f513e5c` | 2022-11-16
[ReplaceText](https://www.mediawiki.org/wiki/Extension:ReplaceText) | B | REL1_39 `af4840a` | 2023-01-03
[RevisionSlider](https://www.mediawiki.org/wiki/Extension:RevisionSlider) | B | REL1_35 `4c4e368` | 2022-06-02

View file

@ -5,13 +5,45 @@
* Module: ext.PortableInfobox.styles
* Version: 0.6 16a77dc
*
* Date: 2022-04-14
* Date: 2024-04-17
*/
:root {
--pi-background: var( --color-surface-2 );
--pi-border-color: var( --border-color-base );
--pi-secondary-background: var( --color-surface-3 );
--pi-margin: var( --space-md );
}
.pi-caption {
// Align with Citizen caption styles
color: var( --color-base--subtle );
font-size: var( --font-size-x-small );
font-style: normal;
letter-spacing: 0.025em;
}
.portable-infobox {
font-size: var( --font-size-small );
}
.portable-infobox .pi-title {
font-size: var( --font-size-x-large );
line-height: var( --line-height-sm );
}
.portable-infobox .pi-header {
font-size: var( --font-size-medium );
font-weight: var( --font-weight-semibold );
line-height: var( --line-height-sm );
}
.client-js .pi-collapse {
.pi-header:first-child {
// So that clicking the header won't highlight the entire section
user-select: none;
}
}
.portable-infobox p {