Bug 1068181 - NEW Indicator for Pinned Tiles on New Tab Page [r=ttaubert]

Remove text styling and use an image instead with balanced spacing.
This commit is contained in:
Ed Lee 2014-09-24 22:11:07 -07:00
parent c11736ac7e
commit f2d6d97e12
2 changed files with 26 additions and 4 deletions

View File

@ -6,9 +6,9 @@
xmlns:xlink="http://www.w3.org/1999/xlink"
x="0"
y="0"
width="256"
width="288"
height="32"
viewBox="0 0 256 32">
viewBox="0 0 288 32">
<defs>
<style type="text/css"><![CDATA[
@ -18,6 +18,10 @@
fill: #737373;
}
.glyphShape-style-pin {
fill: #b4b4b4;
}
.glyphShape-style-hover-gear {
fill: #4a90e2;
}
@ -105,4 +109,8 @@
<use xlink:href="#glyphShape-delete" class="glyphShape-style-hover-active" />
</g>
<g id="icon-pin-default" transform="translate(256)">
<use xlink:href="#glyphShape-pin" class="glyphShape-style-pin" />
</g>
</svg>

Before

Width:  |  Height:  |  Size: 4.2 KiB

After

Width:  |  Height:  |  Size: 4.3 KiB

View File

@ -145,8 +145,22 @@
}
.newtab-site[pinned] .newtab-title {
color: #2c72c4;
font-weight: bold;
padding: 0 15px;
}
.newtab-site[pinned] .newtab-title::before {
background-image: -moz-image-rect(url("chrome://browser/skin/newtab/controls.svg"), 7, 278, 28, 266);
background-size: 10px;
content: "";
height: 17px;
left: 0;
position: absolute;
width: 10px;
}
.newtab-site[pinned] .newtab-title:-moz-locale-dir(rtl)::before {
left: auto;
right: 0;
}
/* CONTROLS */