diff --git a/bundlesize.config.json b/bundlesize.config.json index 102f49d..823298b 100644 --- a/bundlesize.config.json +++ b/bundlesize.config.json @@ -5,11 +5,7 @@ }, { "resourceModule": "skins.vector.styles", - "maxSize": "8.7 kB" - }, - { - "resourceModule": "skins.vector.icons", - "maxSize": "0.6 kB" + "maxSize": "9.0 kB" }, { "resourceModule": "skins.vector.styles.responsive", diff --git a/resources/skins.vector.styles/Sidebar.less b/resources/skins.vector.styles/Sidebar.less index 14ae714..4d3b009 100644 --- a/resources/skins.vector.styles/Sidebar.less +++ b/resources/skins.vector.styles/Sidebar.less @@ -38,6 +38,13 @@ margin: 0 @margin-horizontal-sidebar-button-icon; // Equals `#555`, closest to `#54595d` on background-color `#fff`. opacity: 0.67; + /* @embed */ + background-image: linear-gradient( transparent, transparent ), url( images/chevronHorizontal-ltr.svg ); + + #mw-sidebar-checkbox:not( :checked ) ~ .mw-header & { + /* @embed */ + background-image: linear-gradient( transparent, transparent ), url( images/menu.svg ); + } } &:hover { diff --git a/resources/skins.vector.icons/chevronHorizontal-ltr.svg b/resources/skins.vector.styles/images/chevronHorizontal-ltr.svg similarity index 100% rename from resources/skins.vector.icons/chevronHorizontal-ltr.svg rename to resources/skins.vector.styles/images/chevronHorizontal-ltr.svg diff --git a/resources/skins.vector.icons/chevronHorizontal-rtl.svg b/resources/skins.vector.styles/images/chevronHorizontal-rtl.svg similarity index 100% rename from resources/skins.vector.icons/chevronHorizontal-rtl.svg rename to resources/skins.vector.styles/images/chevronHorizontal-rtl.svg diff --git a/resources/skins.vector.icons/menu.svg b/resources/skins.vector.styles/images/menu.svg similarity index 100% rename from resources/skins.vector.icons/menu.svg rename to resources/skins.vector.styles/images/menu.svg diff --git a/skin.json b/skin.json index 08786fc..672181a 100644 --- a/skin.json +++ b/skin.json @@ -26,8 +26,7 @@ ], "styles": [ "skins.vector.styles", - "mediawiki.ui.icon", - "skins.vector.icons" + "mediawiki.ui.icon" ], "messages": [ "vector-action-toggle-sidebar", @@ -85,19 +84,6 @@ ], "styles": [ "resources/skins.vector.styles/skin.less" ] }, - "skins.vector.icons": { - "class": "ResourceLoaderImageModule", - "selector": "{name}", - "images": { - "#mw-sidebar-button:before": { - "file": { - "ltr": "resources/skins.vector.icons/chevronHorizontal-ltr.svg", - "rtl": "resources/skins.vector.icons/chevronHorizontal-rtl.svg" - } - }, - "#mw-sidebar-checkbox:not( :checked ) ~ .mw-header #mw-sidebar-button:before": "resources/skins.vector.icons/menu.svg" - } - }, "skins.vector.styles.responsive": { "targets": [ "desktop",