From a6235ceb88bafcf3fdb0df57b0db4fd0ca6011b8 Mon Sep 17 00:00:00 2001 From: paladox Date: Sat, 3 Jan 2015 22:42:20 +0100 Subject: [PATCH] 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 --- components/common.less | 4 +++- images/bullet-icon.svg | 3 +++ 2 files changed, 6 insertions(+), 1 deletion(-) create mode 100644 images/bullet-icon.svg diff --git a/components/common.less b/components/common.less index c25a26a99..f85fbb0b7 100644 --- a/components/common.less +++ b/components/common.less @@ -126,7 +126,9 @@ div.emptyPortlet { ul { 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 { diff --git a/images/bullet-icon.svg b/images/bullet-icon.svg new file mode 100644 index 000000000..fa83a679b --- /dev/null +++ b/images/bullet-icon.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file