diff --git a/resources/skins.citizen.icons/backToTop.svg b/resources/skins.citizen.icons/backToTop.svg deleted file mode 100644 index 041f7bb9..00000000 --- a/resources/skins.citizen.icons/backToTop.svg +++ /dev/null @@ -1,4 +0,0 @@ - - - - diff --git a/resources/skins.citizen.icons/wmui/collapse.svg b/resources/skins.citizen.icons/wmui/collapse.svg deleted file mode 100644 index cc1857c4..00000000 --- a/resources/skins.citizen.icons/wmui/collapse.svg +++ /dev/null @@ -1,7 +0,0 @@ - - - - collapse - - - diff --git a/resources/skins.citizen.icons/wmui/edit.svg b/resources/skins.citizen.icons/wmui/edit.svg deleted file mode 100644 index 1826ba93..00000000 --- a/resources/skins.citizen.icons/wmui/edit.svg +++ /dev/null @@ -1,4 +0,0 @@ - - - - diff --git a/resources/skins.citizen.styles/components/TableOfContents.less b/resources/skins.citizen.styles/components/TableOfContents.less index 6318106a..6f08c710 100644 --- a/resources/skins.citizen.styles/components/TableOfContents.less +++ b/resources/skins.citizen.styles/components/TableOfContents.less @@ -1,4 +1,5 @@ .citizen-toc { + --size-icon: 1rem; font-size: var( --font-size-small ); line-height: var( --line-height-xs ); @@ -9,20 +10,8 @@ } &__top { - &::before { - width: 0.875rem; - height: 0.875rem; - content: ''; - filter: var( --filter-invert ); - opacity: var( --opacity-icon-base ); - } - - &:hover::before { - opacity: var( --opacity-icon-base--hover ); - } - - &:active::before { - opacity: var( --opacity-icon-base--hover ); + .citizen-ui-icon { + transform: rotate( 90deg ); } } @@ -183,11 +172,6 @@ transform: none; transform-origin: bottom left; - .citizen-ui-icon { - width: 1rem; - height: 1rem; - } - // The hover state colors are not great but it will do for now &:hover { background-color: var( --color-surface-3 ); diff --git a/skin.json b/skin.json index 7f6fc94c..484ad364 100644 --- a/skin.json +++ b/skin.json @@ -52,8 +52,7 @@ ], "styles": [ "skins.citizen.styles", - "skins.citizen.icons", - "skins.citizen.icons.wmui" + "skins.citizen.icons" ], "messages": [ "citizen-actions-more-toggle", @@ -278,14 +277,6 @@ ] }, "skins.citizen.icons": { - "class": "MediaWiki\\ResourceLoader\\ImageModule", - "selector": "{name}", - "defaultColor": "#000", - "images": { - ".citizen-toc__top:before": "resources/skins.citizen.icons/backToTop.svg" - } - }, - "skins.citizen.icons.wmui": { "selectorWithoutVariant": ".mw-ui-icon-wikimedia-{name}:before", "useDataURI": false, "defaultColor": "#000", @@ -305,6 +296,7 @@ "edit", "editLock", "ellipsis", + "first", "help", "history", "home", diff --git a/templates/TableOfContents.mustache b/templates/TableOfContents.mustache index 6a406a4b..a67b3849 100644 --- a/templates/TableOfContents.mustache +++ b/templates/TableOfContents.mustache @@ -18,6 +18,7 @@