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

Step 2 of move bullets from HTML to CSS

Browse source 
This change is a follow-up to Ibfb0cb28f0086fb1b7d0997be2246bc120eea85e.

Do not deploy this change before the HTML caches have expired or purged.

Bug: T288910
Change-Id: Ia9b7b1a6d46029acfeb407a0933ffeec203d12b2
This commit is contained in:
Fomafix 2019-02-06 18:02:19 +01:00
parent a1e1c983e5
commit f37cd36f13
1 changed files with 13 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -108,20 +108,16 @@
color: #0645ad; color: #0645ad;
} }
/* The :empty selector in the following selectors prevents the cached HTML .CategoryTreeEmptyBullet,
* that includes a bullet in the HTML from showing two bullets. After the cache .CategoryTreeToggle,
* has expired the :empty selectors can be removed.
*/
.CategoryTreeEmptyBullet:empty,
.CategoryTreeToggle:empty,
.CategoryTreePageBullet { .CategoryTreePageBullet {
display: inline-block; display: inline-block;
width: 0; width: 0;
height: 0; height: 0;
} }
.CategoryTreeEmptyBullet:empty, .CategoryTreeEmptyBullet,
.CategoryTreeToggle[ data-ct-state='collapsed' ]:empty { .CategoryTreeToggle[ data-ct-state='collapsed' ] {
border-top: 5px solid transparent; border-top: 5px solid transparent;
border-left: 10px solid; border-left: 10px solid;
border-bottom: 5px solid transparent; border-bottom: 5px solid transparent;
@ -129,24 +125,24 @@
} }
/* @noflip */ /* @noflip */
.mw-content-ltr .CategoryTreeEmptyBullet:empty, .mw-content-ltr .CategoryTreeEmptyBullet,
.mw-content-ltr .CategoryTreeToggle[ data-ct-state='collapsed' ]:empty, .mw-content-ltr .CategoryTreeToggle[ data-ct-state='collapsed' ],
.mw-content-rtl .mw-content-ltr .CategoryTreeEmptyBullet:empty, .mw-content-rtl .mw-content-ltr .CategoryTreeEmptyBullet,
.mw-content-rtl .mw-content-ltr .CategoryTreeToggle[ data-ct-state='collapsed' ]:empty { .mw-content-rtl .mw-content-ltr .CategoryTreeToggle[ data-ct-state='collapsed' ] {
border-left: 10px solid; border-left: 10px solid;
border-right: 0 none; border-right: 0 none;
} }
/* @noflip */ /* @noflip */
.mw-content-rtl .CategoryTreeEmptyBullet:empty, .mw-content-rtl .CategoryTreeEmptyBullet,
.mw-content-rtl .CategoryTreeToggle[ data-ct-state='collapsed' ]:empty, .mw-content-rtl .CategoryTreeToggle[ data-ct-state='collapsed' ],
.mw-content-ltr .mw-content-rtl .CategoryTreeEmptyBullet:empty, .mw-content-ltr .mw-content-rtl .CategoryTreeEmptyBullet,
.mw-content-ltr .mw-content-rtl .CategoryTreeToggle[ data-ct-state='collapsed' ]:empty { .mw-content-ltr .mw-content-rtl .CategoryTreeToggle[ data-ct-state='collapsed' ] {
border-right: 10px solid; border-right: 10px solid;
border-left: 0 none; border-left: 0 none;
} }
.CategoryTreeToggle[ data-ct-state='expanded' ]:empty { .CategoryTreeToggle[ data-ct-state='expanded' ] {
border-left: 5px solid transparent; border-left: 5px solid transparent;
border-right: 5px solid transparent; border-right: 5px solid transparent;
border-top: 10px solid; border-top: 10px solid;