Make preview link more prominent

Also cleaned up the SVG. I hate Illustrator so much for what it does to
SVGs.

Change-Id: I3c1b8b812ed50ad65a8c2f53835e440bfd2e77ac
This commit is contained in:
Mark Holmquist 2014-06-11 16:08:17 -07:00
parent 9ec13a97cd
commit f308c9f7b0
3 changed files with 19 additions and 13 deletions

View file

@ -58,7 +58,7 @@
"multimediaviewer-share-tab": "Share",
"multimediaviewer-embed-tab": "Embed",
"multimediaviewer-download-tab": "Download",
"multimediaviewer-download-preview-link-title": "Preview in browser",
"multimediaviewer-download-preview-link-title": "View in browser",
"multimediaviewer-download-original-button-name": "Download original file",
"multimediaviewer-download-small-button-name": "Download small size",
"multimediaviewer-download-medium-button-name": "Download medium size",

View file

@ -1,13 +1,4 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 17.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1"
id="Layer_1" xmlns:cc="http://creativecommons.org/ns#" xmlns:svg="http://www.w3.org/2000/svg" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 1024 768"
enable-background="new 0 0 1024 768" xml:space="preserve">
<g id="g3">
<path id="path5" fill="#AAAAAA" d="M304,179.2v355.2h464V179.2H304z M716.8,460.8H352L460.8,320l16-6.4l102.4,108.8l54.4-32
L716.8,460.8L716.8,460.8L716.8,460.8z"/>
<polygon id="polygon7" fill="#AAAAAA" points="256,230.4 256,588.8 755.2,588.8 755.2,563.2 281.6,563.2 281.6,230.4 "/>
</g>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="1024" height="768"><path fill="#AAAAAA" d="M304,179.2v355.2h464V179.2H304z M716.8,460.8H352L460.8,320l16-6.4l102.4,108.8l54.4-32 L716.8,460.8L716.8,460.8L716.8,460.8z"/><polygon fill="#AAAAAA" points="256,230.4 256,588.8 755.2,588.8 755.2,563.2 281.6,563.2 281.6,230.4"/>
</svg>

Before

Width:  |  Height:  |  Size: 950 B

After

Width:  |  Height:  |  Size: 482 B

View file

@ -38,8 +38,23 @@
.mw-mlb-download-preview-link {
display: block;
font-size: small;
margin-top: 12px;
margin-left: -6px;
font-size: 16px;
color: #555555;
&:before {
display: inline-block;
vertical-align: middle;
content: ' ';
width: 44px;
height: 30px;
/* @embed */
background-image: url(img/open.svg);
background-size: contain;
background-position: right center;
background-repeat: no-repeat;
}
}
/* Pulldown size menu */
@ -60,4 +75,4 @@
}
}
}
}