MDL-46988 gradereport_grader: Fix styling issues for RTL
[moodle.git] / grade / report / grader / styles.css
CommitLineData
31819e89
FM
1/**
2 * Container.
3 */
f79776cb
FM
4.gradeparent {
5 position: relative;
6}
7
31819e89
FM
8/**
9 * Tooltip and overlay.
10 */
6ad1af09
AN
11.gradeparent .grader-information-tooltip {
12 min-width: 200px;
870e2795 13}
6ad1af09
AN
14.gradeparent .graderreportoverlay {
15 background-color: white;
fb95da6f 16 width: auto;
6ad1af09 17 padding: 10px;
6f0bab68 18 font-size: 12px;
31819e89 19 border: 1px solid #ccc;
6ad1af09
AN
20 border-radius: 4px;
21}
22
31819e89
FM
23/**
24 * The table.
25 */
26.gradeparent table {
27 border: 1px solid #ccc;
28 border-collapse: separate;
29 border-spacing: 0;
30 border-bottom-width: 0;
31 border-right-width: 0;
32}
b0cade11
FM
33.dir-rtl .gradeparent table {
34 border-left-width: 0;
35 border-right-width: 1px;
36}
31819e89
FM
37
38/**
39 * All the cells.
40 */
41.gradeparent .cell {
42 border: 1px solid #ccc;
43 border-top-width: 0;
44 border-left-width: 0;
6ad1af09 45 padding: 4px 5px;
4e2b37db 46 vertical-align: middle;
dc482cfa 47}
b0cade11
FM
48.dir-rtl .gradeparent .cell {
49 border-left-width: 1px;
50 border-right-width: 0;
51}
2c4a3f75 52
62e11d37
FM
53/**
54 * Stripped table.
55 */
56.gradeparent tr:nth-of-type(even) .cell {
57 background-color: #f9f9f9;
58}
59
31819e89
FM
60/**
61 * All the floating divs.
62 */
63.gradeparent .floater {
64 display: none;
65}
66.gradeparent .floating {
67 display: block;
6ad1af09
AN
68}
69
31819e89 70/**
62e11d37 71 * All the headers + floating cells.
31819e89
FM
72 */
73.gradeparent .heading .cell,
74.gradeparent .avg .cell,
75.gradeparent .user.cell {
76 font-size: 14px;
77 font-weight: normal;
62e11d37
FM
78}
79
80/**
81 * All the floating cells.
82 */
83.gradeparent .floater .cell {
84 background-color: #f9f9f9;
6ad1af09
AN
85}
86
31819e89
FM
87/**
88 * The header and footer.
89 */
90.gradeparent .heading .cell,
91.gradeparent .avg .cell {
92 white-space: nowrap;
f79776cb
FM
93}
94
31819e89
FM
95/**
96 * The user cells.
97 */
98.gradeparent .user.cell {
6ad1af09 99 min-width: 200px;
6ad1af09 100 width: 200px;
6ad1af09 101}
31819e89
FM
102.gradeparent .user.cell .userpicture {
103 margin: 0 4px;
6ad1af09
AN
104 border: none;
105 vertical-align: top;
2c4a3f75
AR
106}
107
31819e89
FM
108/**
109 * The additional user fields.
110 */
111.gradeparent .userfield {
112 font-weight: normal;
2c4a3f75
AR
113}
114
31819e89
FM
115/**
116 * The footer's header.
117 */
118.gradeparent .avg .header {
119 font-weight: bold;
6ad1af09 120 text-align: center;
2c4a3f75
AR
121}
122
31819e89
FM
123/**
124 * The footer's cells.
125 */
126.gradeparent .avg.floating .cell {
127 border-top-width: 1px;
2c4a3f75 128}
31819e89
FM
129/**
130 * The footer's range field.
131 */
132.gradeparent .avg .range {
133 text-align: right;
edb7d5ad 134}
b0cade11
FM
135.dir-rtl .gradeparent .avg .range {
136 text-align: left;
137}
4e2b37db 138
31819e89
FM
139/**
140 * The header and user fields.
141 */
142.gradeparent .heading .cell,
143.gradeparent .user.cell {
144 text-align: left;
6f0bab68 145}
b0cade11
FM
146.dir-rtl .gradeparent .heading .cell,
147.dir-rtl .gradeparent .user.cell {
148 text-align: right;
149}
6f0bab68 150
31819e89
FM
151/**
152 * Content styling.
153 */
154.gradeparent .heading .cell .iconsmall {
155 /* Fixes inconsistencies in cell height on IE. */
156 padding-top: 0;
157 padding-bottom: 0;
158}
159.gradeparent .sorticon {
160 margin-left: 3px;
161}
b0cade11 162.dir-rtl .gradeparent .sorticon {
31819e89
FM
163 margin-left: 0;
164 margin-right: 3px;
165}
166.gradeparent .gradevalue {
167 display: inline-block;
19213efb 168}
8c97393c
ME
169
170/** MDL-46812 **/
171#page-grade-report-grader-index.jsenabled .right_scroller.topscroll {
172 background-color: #ececec;
173 height: 20px;
174 margin: 0;
175 padding: 0;
176}
177#page-grade-report-grader-index.jsenabled .topscrollcontent {
178 background-color: #ececec;
179 height: 20px;
180}
181.jsenabled.path-grade-report-grader .left_scroller {
182 border-top: 20px solid #ececec;
183}