Magic-Mirror/gecko-dev
1
0
Fork 0
mirror of https://github.com/mozilla/gecko-dev.git synced 2024-11-29 07:42:04 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Bug 1051861 - Use Unicode gear symbol as the customize button's label for high contrast mode. r=adw

Browse Source
This commit is contained in:
Dão Gottwald 2016-09-08 08:02:15 +02:00
parent 67399f9a58
commit 8a8f12a059
3 changed files with 12 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
browser/base/content/newtab/newTab.css
View File

@ -22,8 +22,8 @@ body {
}
input {
font: message-box !important;
font-size: 16px !important;
font: message-box;
font-size: 16px;
}
input[type=button] {

4
browser/base/content/newtab/newTab.xhtml
View File

@ -84,7 +84,9 @@
</div>
<div id="newtab-margin-bottom"/>
</div>
<input id="newtab-customize-button" type="button" dir="&locale.dir;" title="&newtab.customize.title;"/>
<input id="newtab-customize-button" type="button" dir="&locale.dir;"
value="&#x2699;"
title="&newtab.customize.title;"/>
</body>
<script type="text/javascript;version=1.8" src="chrome://browser/content/contentSearchUI.js"/>
<script type="text/javascript;version=1.8" src="chrome://browser/content/newtab/newTab.js"/>

7
browser/themes/shared/newtab/newTab.inc.css
View File

@ -85,6 +85,13 @@
width: 28px;
}
#newtab-customize-button {
font-size: 28px;
padding: 0;
/* only display the text label when CSS backgrounds are disabled (e.g. in high contrast mode) */
color: transparent;
}
#newtab-customize-button:-moz-any(:hover, :active, [active]) {
background-image: -moz-image-rect(url(chrome://browser/skin/newtab/controls.svg), 0, 64, 32, 32);
background-color: #FFFFFF;