MDL-42402 EditPDF: CSS Improvements for editing toolbar.

The main change here is to prevent the default rendering of a select list for the page
selector, so that it looks more consistent with the rest of the toolbar on different
browsers/os combinations.

This is done with some vendor specific css rules targeting webkit, mozilla and ie.

There are also some minor tweaks to vertically align the images in the buttons and reduce the padding
above and below the toolbar.
This commit is contained in:
Damyon Wiese
2013-10-24 13:22:39 +08:00
parent 90eb4ddd9a
commit 298a7ee386
+13 -1
View File
@@ -22,7 +22,7 @@
.assignfeedback_editpdf_widget .pageheader {
background-color: #ebebeb;
border-bottom: 1px solid #cccccc;
padding: 4px;
padding: 0px;
padding-left: 20px;
padding-right: 20px;
min-height: 50px;
@@ -44,6 +44,9 @@
.yui3-commentmenu-hidden {
display: none;
}
.assignfeedback_editpdf_widget .pageheader button img {
padding-top: 2px;
}
.assignfeedback_editpdf_widget .pageheader button:active {
background-color: #ccc;
}
@@ -57,6 +60,15 @@
height: 30px;
cursor: pointer;
}
.assignfeedback_editpdf_widget .pageheader select {
vertical-align: top;
-webkit-appearance: none;
-moz-appearance: menulist-text;
background-color: #fff;
}
.assignfeedback_editpdf_widget .pageheader select::-ms-expand {
display: none;
}
.assignfeedback_editpdf_widget .pageheader .navigation button + button,
.assignfeedback_editpdf_widget .pageheader .toolbar button + button,