quiz editing: MDL-17396 Quiz tab icons broken in IE

Well, that was a stunningly creating IE layout bug, and I have no idea why this work-around works. (The margin 0 and vertical-align are the essentail bits, the other two rules just make it look nicer.)

Also tweaked the layout in Firefox to position the icons a bit more nicely.

diff --git a/theme/standard/styles_ie6.css b/theme/standard/styles_ie6.css
index b70aad708500f4c1d4cb39e4599a78c334cc36b0..6ff585e375eac28c363e2dbb40e73d071059e016 100755 (executable)
--- a/theme/standard/styles_ie6.css
+++ b/theme/standard/styles_ie6.css
@@ -78,10 +78,12 @@ form.mform textarea {
     /*ie6 shows this as an arrow if this is not specified*/
     cursor: pointer;
 }
-#mod-quiz-edit div.tabtree a span img.iconsmall{
-    display:none;
+.mod-quiz div.tabtree a span img.iconsmall {
+  margin: 0;
+  vertical-align: baseline;
+  position: relative;
+  top: 1px;
 }
-
 #mod-quiz-edit div.question div.content .questiontext,#categoryquestions .questiontext{
     width:50%;
 }

diff --git a/theme/standard/styles_ie7.css b/theme/standard/styles_ie7.css
index 0dc3376f92de204cb2ee55dcbdb22363237d0085..9b85a45d364058f615745f825e4b577a660c2b9d 100755 (executable)
--- a/theme/standard/styles_ie7.css
+++ b/theme/standard/styles_ie7.css
@@ -59,3 +59,9 @@ form.mform .fcheckbox input {
 #mod-quiz-review #middle-column {
   height: 1%;
 }
+.mod-quiz div.tabtree a span img.iconsmall {
+  margin: 0;
+  vertical-align: baseline;
+  position: relative;
+  top: 2px;
+}

diff --git a/theme/standard/styles_layout.css b/theme/standard/styles_layout.css
index c09b1fd94efe6ddfa6ef9da1e29a9f0e69dde12a..f9949f631a7b983b89192423c523c9fa14c8e4c1 100644 (file)
--- a/theme/standard/styles_layout.css
+++ b/theme/standard/styles_layout.css
@@ -4411,6 +4411,9 @@ table.quizreviewsummary td.cell {
   display: block;
   margin: 0.5em 0;
 }
+.mod-quiz div.tabtree a span img.iconsmall {
+  vertical-align: baseline;
+}
 #mod-quiz-edit div.sideblock{
     float:right;
     width:30%;