wikimedia/mediawiki-extensions-CategoryTree
1
0
Fork 0
mirror of https://gerrit.wikimedia.org/r/mediawiki/extensions/CategoryTree synced 2024-11-27 09:43:06 +00:00
Code Issues Packages Projects Releases Wiki Activity

Use CSS instead of Unicode to create triangles

Browse source 
The Unicode characters have a different shape based on the font.

Bug: T184792
Change-Id: Ia5e506f25067558cb9f879c7d1dca707ea795603
This commit is contained in:
Fomafix 2019-02-09 17:21:07 +01:00
parent 0bfff67aac
commit 629e0509b8
1 changed files with 39 additions and 19 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

58
modules/ext.categoryTree.styles.css
View file

@ -112,32 +112,52 @@
* that includes a bullet in the HTML from showing two bullets. After the cache * that includes a bullet in the HTML from showing two bullets. After the cache
* has expired the :empty selectors can be removed. * has expired the :empty selectors can be removed.
*/ */
/* @noflip */ .CategoryTreeEmptyBullet:empty,
body.ltr .CategoryTreeEmptyBullet:empty:before, .CategoryTreeToggle:empty,
body.ltr .CategoryTreeToggle[ data-ct-state='collapsed' ]:empty:before, .CategoryTreePageBullet {
body.mediawiki .mw-content-ltr .CategoryTreeEmptyBullet:empty:before, display: inline-block;
body.mediawiki .mw-content-ltr .CategoryTreeToggle[ data-ct-state='collapsed' ]:empty:before, width: 0;
body.mediawiki .mw-content-rtl .mw-content-ltr .CategoryTreeEmptyBullet:empty:before, height: 0;
body.mediawiki .mw-content-rtl .mw-content-ltr .CategoryTreeToggle[ data-ct-state='collapsed' ]:empty:before { }
content: '►';
.CategoryTreeEmptyBullet:empty,
.CategoryTreeToggle[ data-ct-state='collapsed' ]:empty {
border-top: 5px solid transparent;
border-left: 10px solid;
border-bottom: 5px solid transparent;
border-right: 0 none;
} }
/* @noflip */ /* @noflip */
body.rtl .CategoryTreeEmptyBullet:empty:before, .mw-content-ltr .CategoryTreeEmptyBullet:empty,
body.rtl .CategoryTreeToggle[ data-ct-state='collapsed' ]:empty:before, .mw-content-ltr .CategoryTreeToggle[ data-ct-state='collapsed' ]:empty,
body.mediawiki .mw-content-rtl .CategoryTreeEmptyBullet:empty:before, .mw-content-rtl .mw-content-ltr .CategoryTreeEmptyBullet:empty,
body.mediawiki .mw-content-rtl .CategoryTreeToggle[ data-ct-state='collapsed' ]:empty:before, .mw-content-rtl .mw-content-ltr .CategoryTreeToggle[ data-ct-state='collapsed' ]:empty {
body.mediawiki .mw-content-ltr .mw-content-rtl .CategoryTreeEmptyBullet:empty:before, border-left: 10px solid;
body.mediawiki .mw-content-ltr .mw-content-rtl .CategoryTreeToggle[ data-ct-state='collapsed' ]:empty:before { /* The following @noflip is necessary to prevent the flipping. (T288943) */
content: '◄'; /* @noflip */
border-right: 0 none;
} }
.CategoryTreeToggle[ data-ct-state='expanded' ]:empty:before { /* @noflip */
content: '▼'; .mw-content-rtl .CategoryTreeEmptyBullet:empty,
.mw-content-rtl .CategoryTreeToggle[ data-ct-state='collapsed' ]:empty,
.mw-content-ltr .mw-content-rtl .CategoryTreeEmptyBullet:empty,
.mw-content-ltr .mw-content-rtl .CategoryTreeToggle[ data-ct-state='collapsed' ]:empty {
border-right: 10px solid;
/* The following @noflip is necessary to prevent the flipping. (T288943) */
/* @noflip */
border-left: 0 none;
} }
.CategoryTreePageBullet:before { .CategoryTreeToggle[ data-ct-state='expanded' ]:empty {
content: '\A0'; border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 10px solid;
}
.CategoryTreePageBullet {
border-left: 10px solid transparent;
} }
.CategoryTreeLabelPage { .CategoryTreeLabelPage {