Magic-Mirror/gecko-dev
1
0
Fork 0
mirror of https://github.com/mozilla/gecko-dev.git synced 2024-12-11 16:32:59 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Bug 1132307 - Use <button> elements instead of <a> elements in reader mode toolbar. r=bnicholson

Browse Source 
--HG--
extra : rebase_source : 960931ca6b2a23aaa98fc93c46b1cb96a68c8b0e
This commit is contained in:
Margaret Leibovic 2015-02-13 14:09:44 -08:00
parent a3ce538de9
commit 8ea7eb86e6
3 changed files with 20 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
mobile/android/themes/core/aboutReader.css
View File

@ -355,6 +355,14 @@ body {
background-position: center;
background-size: 30px 24px;
background-repeat: no-repeat;
background-color: transparent;
border: 0;
width: 100%;
}
/* Remove dotted border when button is focused */
.button::-moz-focus-inner {
border: 0;
}
.dropdown {

10
toolkit/components/reader/content/aboutReader.html
View File

@ -25,10 +25,10 @@
</div>
<ul id="reader-toolbar" class="toolbar toolbar-hidden">
<li><a id="close-button" class="button close-button" href="#"></a></li>
<li><a id="share-button" class="button share-button" href="#"></a></li>
<li><button id="close-button" class="button close-button"/></li>
<li><button id="share-button" class="button share-button"/></li>
<ul id="style-dropdown" class="dropdown">
<li><a class="dropdown-toggle button style-button" href="#"></a></li>
<li><button class="dropdown-toggle button style-button"/></li>
<li class="dropdown-popup">
<ul id="font-type-buttons"></ul>
<hr></hr>
@ -38,8 +38,8 @@
<div class="dropdown-arrow"/>
</li>
</ul>
<li><a id="toggle-button" class="button toggle-button" href="#"></a></li>
<li><a id="list-button" class="button list-button" href="#"></a></li>
<li><button id="toggle-button" class="button toggle-button"/></li>
<li><button id="list-button" class="button list-button"/></li>
</ul>
</body>

12
toolkit/themes/windows/global/aboutReader.css
View File

@ -239,9 +239,12 @@ body {
background-position: center;
background-size: 24px 24px;
background-repeat: no-repeat;
padding: 4px;
height: 32px;
width: 32px;
background-color: transparent;
height: 40px;
width: 40px;
border-top: 0;
border-left: 0;
border-right: 0;
border-bottom: 1px solid #c1c1c1;
}
@ -265,7 +268,6 @@ body {
background-color: #FBFBFB;
font-size: 14px;
visibility: hidden;
cursor: pointer;
border-radius: 4px;
border: 1px solid #B5B5B5;
box-shadow: 0px 1px 12px #666;
@ -376,7 +378,7 @@ body {
.close-button {
background-image: url("chrome://global/skin/reader/RM-Close-24x24.svg");
height: 60px;
height: 68px;
background-position: center 8px;
}