Merge pull request #3022 from Rob--W/css-button-fix

Explicitly define layout of toolbar buttons
This commit is contained in:
Yury Delendik 2013-04-03 11:19:35 -07:00
commit 884b2dc9e4

View File

@ -403,12 +403,14 @@ html[dir='ltr'] #toolbarViewerLeft > *,
html[dir='ltr'] #toolbarViewerMiddle > *,
html[dir='ltr'] #toolbarViewerRight > *,
html[dir='ltr'] .findbar > * {
position: relative;
float: left;
}
html[dir='rtl'] #toolbarViewerLeft > *,
html[dir='rtl'] #toolbarViewerMiddle > *,
html[dir='rtl'] #toolbarViewerRight > *,
html[dir='rtl'] .findbar > * {
position: relative;
float: right;
}
@ -759,6 +761,14 @@ html[dir='rtl'] #findPrevious {
html[dir='rtl'] #findNext {
margin-left: 3px;
}
.toolbarButton::before {
/* All matching images have a size of 16x16
* (except for the print button: 18x16)
* All relevant containers have a size of 32x25 */
position: absolute;
top: 4px;
left: 7px;
}
html[dir='ltr'] .toolbarButton.findPrevious::before {
display: inline-block;
@ -818,6 +828,7 @@ html[dir='rtl'] .toolbarButton.pageDown::before {
.toolbarButton.print::before {
display: inline-block;
content: url(images/toolbarButton-print.png);
left: 6px;
}
.toolbarButton.openFile::before {