Add svg image of bullet

* Adds svg version of bullet.
* It has a hack in css so that png will be targeted at ie 8 or lower.
* There was no way around it since list-style-image carnt be used twice. The hack adds \9 to end of png file.

Edokter suggested to use \9

Note this has been tested

Bug: T37338
Change-Id: I795c31a68c383b8fc4557ee00312a5b1aecd09a3
This commit is contained in:
paladox 2015-01-03 22:42:20 +01:00 committed by Paladox
parent 1ba842a765
commit a6235ceb88
2 changed files with 6 additions and 1 deletions

View file

@ -126,7 +126,9 @@ div.emptyPortlet {
ul { ul {
list-style-type: disc; list-style-type: disc;
.list-style-image('images/bullet-icon.png'); list-style-image: url(images/bullet-icon.svg);
/* Fallback to PNG bullet for IE 8 and below using CSS hack */
list-style-image: url(images/bullet-icon.png)\9;
} }
pre, .mw-code { pre, .mw-code {

3
images/bullet-icon.svg Normal file
View file

@ -0,0 +1,3 @@
<svg xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" version="1.1" width="5" height="13">
<path d="m4.820297 5.8103962a2.1173267 2.1173267 0 1 1-4.23465347 0 2.1173267 2.1173267 0 1 1 4.23465347 0z" transform="matrix(1.1807342,0,0,1.1807342,-0.69148932,2.0972643)" fill="#00528c"/>
</svg>

After

Width:  |  Height:  |  Size: 314 B