MDL-68404 gradingform_rubric: Style "Add level" button.
authorLuca Bösch <luca.boesch@bfh.ch>
Sun, 12 Apr 2020 16:42:03 +0000 (18:42 +0200)
committerLuca Bösch <luca.boesch@bfh.ch>
Tue, 28 Apr 2020 12:06:49 +0000 (14:06 +0200)
grade/grading/form/rubric/renderer.php
grade/grading/form/rubric/styles.css
theme/boost/scss/moodle/grade.scss
theme/boost/style/moodle.css
theme/classic/style/moodle.css

index 745a244..9982217 100644 (file)
@@ -138,7 +138,7 @@ class gradingform_rubric_renderer extends plugin_renderer_base {
         if ($mode == gradingform_rubric_controller::DISPLAY_EDIT_FULL) {
             $value = get_string('criterionaddlevel', 'gradingform_rubric');
             $button = html_writer::empty_tag('input', array('type' => 'submit', 'name' => '{NAME}[criteria][{CRITERION-id}][levels][addlevel]',
-                'id' => '{NAME}-criteria-{CRITERION-id}-levels-addlevel', 'value' => $value));
+                'id' => '{NAME}-criteria-{CRITERION-id}-levels-addlevel', 'value' => $value, 'class' => 'btn btn-secondary'));
             $criteriontemplate .= html_writer::tag('td', $button, array('class' => 'addlevel'));
         }
         $displayremark = ($options['enableremarks'] && ($mode != gradingform_rubric_controller::DISPLAY_VIEW || $options['showremarksstudent']));
index 3b9a2d2..460fbb9 100644 (file)
 
 .gradingform_rubric.editor .addcriterion input,
 .gradingform_rubric.editor .addlevel input {
-    background: transparent url([[pix:t/add]]) no-repeat top left;
+    background: #fff url([[pix:t/add]]) no-repeat 7px 8px;
     display: block;
     color: #555;
     font-weight: bold;
 }
 
 .gradingform_rubric.editor .addcriterion input {
-    background-position: 5px 8px;
     height: 30px;
     line-height: 29px;
     margin-bottom: 14px;
 }
 
 .gradingform_rubric.editor .addlevel input {
-    background-position: 5px 5px;
-    height: 25px;
-    line-height: 24px;
-    margin-bottom: 45px;
-    padding-left: 18px;
+    padding-left: 24px;
     padding-right: 8px;
 }
 
index 9705851..0281eca 100644 (file)
     }
 }
 
-.gradingform_rubric.editor {
-    .addlevel,
-    .addcriterion {
-        input {
-            // Fallback for IE8: we use Bootstrap 2's button styles normally, but
-            // IE8 ignores background-image: linear-gradient rules.
-            background: #fff none no-repeat top left;
-        }
-    }
-}
-
 #rubric-rubric {
     &.gradingform_rubric {
         #rubric-criteria {
                 }
 
                 .addlevel {
-                    vertical-align: middle;
+                    vertical-align: top;
+                    padding-top: 6px;
 
                     input {
-                        background-position: 0 0;
                         height: 30px;
-                        margin-right: 5px;
+                        line-height: 1rem;
                     }
                 }
             }
index f4b5757..c0fa457 100644 (file)
@@ -17398,10 +17398,6 @@ p.arrow_button {
 #page-grade-grading-form-rubric-edit .gradingform_rubric_editform .status {
   font-size: 70%; }
 
-.gradingform_rubric.editor .addlevel input,
-.gradingform_rubric.editor .addcriterion input {
-  background: #fff none no-repeat top left; }
-
 #rubric-rubric.gradingform_rubric #rubric-criteria {
   margin-bottom: 1em; }
   #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .description {
@@ -17445,11 +17441,11 @@ p.arrow_button {
     #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .scorevalue input.hiddenelement, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .scorevalue input.pseudotablink {
       width: 0; }
   #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel {
-    vertical-align: middle; }
+    vertical-align: top;
+    padding-top: 6px; }
     #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input {
-      background-position: 0 0;
       height: 30px;
-      margin-right: 5px; }
+      line-height: 1rem; }
 
 #rubric-rubric.gradingform_rubric .addcriterion {
   margin-left: 5px;
index 59ba8cb..1f2d364 100644 (file)
@@ -17630,10 +17630,6 @@ p.arrow_button {
 #page-grade-grading-form-rubric-edit .gradingform_rubric_editform .status {
   font-size: 70%; }
 
-.gradingform_rubric.editor .addlevel input,
-.gradingform_rubric.editor .addcriterion input {
-  background: #fff none no-repeat top left; }
-
 #rubric-rubric.gradingform_rubric #rubric-criteria {
   margin-bottom: 1em; }
   #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .description {
@@ -17677,11 +17673,11 @@ p.arrow_button {
     #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .scorevalue input.hiddenelement, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .scorevalue input.pseudotablink {
       width: 0; }
   #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel {
-    vertical-align: middle; }
+    vertical-align: top;
+    padding-top: 6px; }
     #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input {
-      background-position: 0 0;
       height: 30px;
-      margin-right: 5px; }
+      line-height: 1rem; }
 
 #rubric-rubric.gradingform_rubric .addcriterion {
   margin-left: 5px;