MDL-36559 usability: Gradebook CSS styling for new icons
[moodle.git] / grade / report / grader / styles.css
index c562c82..62c5ad6 100644 (file)
@@ -11,6 +11,14 @@ width:20px;
 height:20px;
 }
 
 height:20px;
 }
 
+.gradestable th img {
+    vertical-align: text-bottom;
+    padding-bottom: 0;
+}
+.gradestable th .grade_icons { margin-top: .3em; }
+.gradestable th img.sorticon { margin-left: .3em; }
+.dir-rtl .gradestable th img.sorticon { margin-left: 0; margin-right: .3em; }
+
 table#user-grades .catlevel2 {
 background-color:#f9f9f9;
 }
 table#user-grades .catlevel2 {
 background-color:#f9f9f9;
 }
@@ -133,9 +141,8 @@ border-width:0 0 1px 1px;
 }
 
 table#user-grades th.categoryitem,
 }
 
 table#user-grades th.categoryitem,
-table#user-grades th.courseitem,
 table#user-grades td.topleft {
 table#user-grades td.topleft {
-vertical-align:top;
+vertical-align: bottom;
 border-style:solid;
 border-width:0 1px;
 }
 border-style:solid;
 border-width:0 1px;
 }
@@ -160,10 +167,10 @@ border-width:0 1px 0 0;
 }
 
 table#user-grades th.item ,
 }
 
 table#user-grades th.item ,
-table#user-grades th.categoryitem ,
+table#user-grades th.categoryitem,
 table#user-grades th.courseitem {
 border-bottom-color:#000;
 table#user-grades th.courseitem {
 border-bottom-color:#000;
-vertical-align:top;
+vertical-align:bottom;
 border-style:solid;
 border-width:1px;
 }
 border-style:solid;
 border-width:1px;
 }
@@ -186,7 +193,9 @@ margin-right:10px;
 
 table#user-grades .quickfeedback {
 border:1px dashed #000;
 
 table#user-grades .quickfeedback {
 border:1px dashed #000;
+margin-left: 10px;
 }
 }
+.dir-rtl table#user-grades .quickfeedback { margin-left: 0; margin-right: 10px;}
 
 .path-grade-report-grader #siteconfiglink {
 text-align:right;
 
 .path-grade-report-grader #siteconfiglink {
 text-align:right;
@@ -214,7 +223,7 @@ border-color:#cecece;
 }
 
 .path-grade-report-grader th {
 }
 
 .path-grade-report-grader th {
-padding:2px 10px 0;
+padding:2px 10px;
 }
 
 .path-grade-report-grader span.inclusion-links {
 }
 
 .path-grade-report-grader span.inclusion-links {
@@ -255,7 +264,7 @@ padding:0;
 table#user-grades th.categoryitem,
 table#user-grades th.courseitem,
 .path-grade-report-grader table td.topleft {
 table#user-grades th.categoryitem,
 table#user-grades th.courseitem,
 .path-grade-report-grader table td.topleft {
-vertical-align:top;
+vertical-align:bottom;
 border-color:#cecece #cecece #000;
 border-style:solid;
 border-width:0 1px 1px;
 border-color:#cecece #cecece #000;
 border-style:solid;
 border-width:0 1px 1px;
@@ -269,7 +278,7 @@ table#user-grades td.topleft {
 background-color:#fff;
 }
 
 background-color:#fff;
 }
 
-.path-grade-report-grader th.user img {
+.path-grade-report-grader th.user img.userpicture {
 border:3px double #cecece;
 vertical-align:top;
 width:2.7em;
 border:3px double #cecece;
 vertical-align:top;
 width:2.7em;
@@ -316,8 +325,6 @@ padding:0;
 
 .path-grade-report-grader td input.text {
 border:1px solid #666;
 
 .path-grade-report-grader td input.text {
 border:1px solid #666;
-margin-left:10px;
-margin-right:10px;
 }
 
 .path-grade-report-grader td input.submit {
 }
 
 .path-grade-report-grader td input.submit {
@@ -463,8 +470,6 @@ width:2000px;
 float:right;
 }
 
 float:right;
 }
 
-.path-grade-report-grader .action-icon {margin-left:0.3em;}
-
 .path-grade-report-grader .gradestable th.user,
 .path-grade-report-grader .gradestable th.range,
 .path-grade-report-grader .flexible th,
 .path-grade-report-grader .gradestable th.user,
 .path-grade-report-grader .gradestable th.range,
 .path-grade-report-grader .flexible th,
@@ -573,9 +578,12 @@ background-color:#f3ead8;
 }
 
 .path-grade-report-grader table th.usersuspended img.usersuspendedicon {
 }
 
 .path-grade-report-grader table th.usersuspended img.usersuspendedicon {
-    vertical-align:middle;
+    vertical-align: text-bottom;
+    margin-left: .45em;
 }
 
 }
 
+.path-grade-report-grader .grade_icons { margin-bottom: .3em;}
+
 .path-grade-report-grader .yui-overlay {
     background-color: #FFEE69;
     border-color: #D4C237 #A6982B #A6982B;
 .path-grade-report-grader .yui-overlay {
     background-color: #FFEE69;
     border-color: #D4C237 #A6982B #A6982B;