Don't ship 2 magnifying glass icons
We already make use of the images 'name' key inside skins.minerva.content.styles.images to define the full CSS selector. We can use this approach to ship a single version of the magnifying glass icon, rather than having 2 defined in both skins.minerva.base.styles and skins.minerva.icons.images Change-Id: Ie5ec06152c418c4aa1b620b3d0a904cc9517e5d0
This commit is contained in:
parent
2c98ed3def
commit
775af007f0
Binary file not shown.
Before Width: | Height: | Size: 7.9 KiB |
|
@ -143,9 +143,6 @@ body {
|
||||||
.search {
|
.search {
|
||||||
@searchIconSize: 20px;
|
@searchIconSize: 20px;
|
||||||
@searchIconGutter: 6px;
|
@searchIconGutter: 6px;
|
||||||
// FIXME: input's cannot have child elements so not possible to use mw-ui-icon-before here
|
|
||||||
// How can we avoid multiple use of magnifying glass icon?
|
|
||||||
.background-image-svg( 'magnifying-glass.svg', 'magnifying-glass.png' );
|
|
||||||
outline: 0;
|
outline: 0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
// FIXME: unable to check but the important may not be needed for Nokia S60;
|
// FIXME: unable to check but the important may not be needed for Nokia S60;
|
||||||
|
|
Before Width: | Height: | Size: 471 B After Width: | Height: | Size: 471 B |
|
@ -1 +0,0 @@
|
||||||
<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><title>magnifying glass</title><path fill="#54595d" fill-rule="evenodd" d="M16.474 15.44c1.147-1.375 1.835-3.21 1.835-5.16a7.98 7.98 0 0 0-8.03-8.03 7.98 7.98 0 0 0-8.03 8.03 7.98 7.98 0 0 0 8.03 8.03c1.72 0 3.21-.46 4.47-1.378l4.473 4.474c.46.46 1.262.46 1.836 0l.69-.688-5.278-5.277zm-11.93-5.16c0-3.21 2.524-5.735 5.735-5.735 3.21 0 5.732 2.524 5.732 5.735 0 3.212-2.524 5.736-5.736 5.736-3.212 0-5.736-2.638-5.736-5.736z"/></svg>
|
|
Before Width: | Height: | Size: 554 B |
|
@ -174,16 +174,17 @@
|
||||||
},
|
},
|
||||||
"skins.minerva.content.styles.images": {
|
"skins.minerva.content.styles.images": {
|
||||||
"class": "ResourceLoaderImageModule",
|
"class": "ResourceLoaderImageModule",
|
||||||
"selector": "a.{name}",
|
"selector": "{name}",
|
||||||
"defaultColor": "#36c",
|
"defaultColor": "#36c",
|
||||||
"images": {
|
"images": {
|
||||||
"external": {
|
"input.search,.mw-ui-icon-minerva-magnifying-glass:before": "resources/skins.minerva.content.styles.images/magnifying-glass.svg",
|
||||||
|
"a.external": {
|
||||||
"file": {
|
"file": {
|
||||||
"ltr": "resources/skins.minerva.content.styles.images/link-external-ltr.svg",
|
"ltr": "resources/skins.minerva.content.styles.images/link-external-ltr.svg",
|
||||||
"rtl": "resources/skins.minerva.content.styles.images/link-external-rtl.svg"
|
"rtl": "resources/skins.minerva.content.styles.images/link-external-rtl.svg"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"extiw": {
|
"a.extiw": {
|
||||||
"file": {
|
"file": {
|
||||||
"ltr": "resources/skins.minerva.content.styles.images/link-internal-ltr.svg",
|
"ltr": "resources/skins.minerva.content.styles.images/link-internal-ltr.svg",
|
||||||
"rtl": "resources/skins.minerva.content.styles.images/link-internal-rtl.svg"
|
"rtl": "resources/skins.minerva.content.styles.images/link-internal-rtl.svg"
|
||||||
|
@ -216,7 +217,6 @@
|
||||||
"mainmenu": "resources/skins.minerva.icons.images/hamburger.svg",
|
"mainmenu": "resources/skins.minerva.icons.images/hamburger.svg",
|
||||||
"edit": "resources/skins.minerva.icons.images/editLocked.svg",
|
"edit": "resources/skins.minerva.icons.images/editLocked.svg",
|
||||||
"edit-enabled": "resources/skins.minerva.icons.images/edit.svg",
|
"edit-enabled": "resources/skins.minerva.icons.images/edit.svg",
|
||||||
"magnifying-glass": "resources/skins.minerva.icons.images/magnifying-glass.svg",
|
|
||||||
"language-switcher": "resources/skins.minerva.icons.images/languageSwitcher.svg"
|
"language-switcher": "resources/skins.minerva.icons.images/languageSwitcher.svg"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
Loading…
Reference in New Issue