MDL-55071 theme_boost: fix indentation in scss files
[moodle.git] / theme / boost / scss / moodle / grade.scss
CommitLineData
536f0460
DW
1// The class gradetreebox matches the pages displaying the gradebook
2// "Gradebook setup" > "Simple view" and "Full view".
3.gradetreebox {
4 h4 {
5 // Force back the base font-size to minimise width.
6 font-size: $font-size-base;
7 }
8 th.cell,
9 input[type=text] {
10 // Fallback on the minimum width.
11 width: auto;
12 }
13 input[type=text],
14 select {
15 // Remove the bottom margin to gain height.
16 margin-bottom: 0;
17 }
18}
19
20// Grade upgrade notice.
21.core_grades_notices {
22 .singlebutton {
23 display: inline-block;
24 }
25}
26
27// Rubrics
28#page-grade-grading-manage {
29 #activemethodselector {
30 label {
31 display: inline-block;
32 }
33 .helptooltip {
34 margin-right: 0.5em;
35 }
36 }
37 .actions {
38 display: block;
39 text-align: center;
40 margin-bottom: 1em;
41 .action {
42 @extend .btn;
43 @extend .btn-lg;
44 display: inline-block;
45 position: relative;
46 vertical-align: top;
47 width: 150px;
48 text-align: center;
49 overflow: hidden;
50 margin: 0.5em;
51 padding: 1em;
52 border: 1px solid #aaa;
536f0460
DW
53 .action-text {
54 position: relative;
55 top: 0.4em;
56 font-size: 14px;
57 }
58 }
59 }
60}
61
62#page-grade-grading-form-rubric-edit {
63 .gradingform_rubric_editform .status {
64 font-size: 70%;
65 }
66}
67
68.gradingform_rubric.editor {
69 .addlevel, .addcriterion {
70 input {
71 // Fallback for IE8: we use Bootstrap 2's button styles normally, but
72 // IE8 ignores background-image: linear-gradient rules.
73 background: #fff none no-repeat top left;
74 }
75 }
76}
77
78#rubric-rubric {
79 &.gradingform_rubric {
80 #rubric-criteria {
81 margin-bottom: 1em;
82 $rubricPadding: 6px;
83 .criterion {
84 .description {
85 vertical-align: top;
86 padding: $rubricPadding;
87 textarea {
88 margin-bottom: 0px;
89 height: 115px;
90 }
91 }
92 .definition {
93 textarea {
94 width: 80%;
95 margin-bottom: 0px;
96 }
97 }
98 .score {
99 position: relative;
100 float: left;
101 margin-right: 28px;
102 input {
103 margin-bottom: 0px;
104 }
105 }
106 .level {
107 vertical-align: top;
108 padding: $rubricPadding;
109 .delete {
110 position: relative;
111 width: 32px;
112 height: 32px;
113 margin-top: -32px;
114 clear: both;
115 float: right;
116 input {
117 display: block;
118 position: absolute;
119 right: 0;
120 bottom: 0;
121 height: 24px;
122 width: 24px;
123 margin: 0px;
124 &:hover {
125 background-color: #ddd;
126 }
127 }
128 }
129 }
130 .scorevalue {
131 input {
132 // Should handle at least three chars with room to spare.
133 float: none;
134 width: 2em;
135 &.hiddenelement,&.pseudotablink {
136 // Zero out the width if it's still in the block flow for some reason
137 // when hidden
138 width: 0;
139 }
140 }
141 }
142 .addlevel {
143 vertical-align: middle;
144 input {
145 @extend .btn;
146 background-position: 0px 0px;
147 height: 30px;
148 margin-right: 5px;
149 }
150 }
151 }
152 }
153 .addcriterion {
154 margin-left: 5px;
155 @extend .btn;
156 padding: 0;
157 input {
158 margin: 0;
159 color: inherit;
160 text-shadow: inherit;
161 border: 0px none;
162 line-height: inherit;
163 background: transparent url([[pix:t/add]]) no-repeat 7px 8px;
164 padding-left: 26px;
165 }
166 margin-bottom:1em;
167 }
168 .options {
169 clear: both;
170 .option {
171 label {
172 margin: 0;
173 padding: 0;
174 font-size: inherit;
175 font-weight: normal;
176 line-height: 2em;
177 color: inherit;
178 text-shadow: none;
179 background-color: transparent;
180 }
181 input {
182 margin-left: 5px;
183 margin-right: 12px;
184 }
185 }
186 }
187 }
188}
189
190// Set up grades layout.
191.path-grade-edit-tree .setup-grades {
192 h4 {
193 margin: 0;
194 }
195 .column-rowspan {
196 padding: 0;
197 width: 24px;
198 min-width: 24px;
199 max-width: 24px;
200 }
201 .category td.column-name {
202 padding-left: 0;
203 }
204 td.column-name {
205 padding-left: 24px;
206 }
536f0460
DW
207 .category input[type="text"],
208 .category .column-range,
209 .categoryitem,
210 .courseitem {
211 font-weight: bold;
212 }
213 .emptyrow {
214 display: none;
215 }
216 .gradeitemdescription {
217 font-weight: normal;
218 padding-left: 24px;
219 }
220 .column-weight {
221 white-space: nowrap;
222 &.level3 {
223 padding-left: 37px;
224 }
225 &.level4 {
226 padding-left: 66px;
227 }
228 &.level5 {
229 padding-left: 95px;
230 }
231 &.level6 {
232 padding-left: 124px;
233 }
234 &.level7 {
235 padding-left: 153px;
236 }
237 &.level8 {
238 padding-left: 182px;
239 }
240 &.level9 {
241 padding-left: 211px;
242 }
243 &.level10 {
244 padding-left: 240px;
245 }
246 }
247 .column-range {
248 &.level2 {
249 padding-left: 37px;
250 }
251 &.level3 {
252 padding-left: 66px;
253 }
254 &.level4 {
255 padding-left: 95px;
256 }
257 &.level5 {
258 padding-left: 124px;
259 }
260 &.level6 {
261 padding-left: 153px;
262 }
263 &.level7 {
264 padding-left: 182px;
265 }
266 &.level8 {
267 padding-left: 211px;
268 }
269 &.level9 {
270 padding-left: 240px;
271 }
272 &.level10 {
273 padding-left: 269px;
274 }
275 }
276 &.generaltable {
277 .levelodd {
278 background-color: $table-bg-accent;
279 }
280 .leveleven {
281 background-color: $table-bg;
282 }
283 }
284}
285
286/**
287 * Grader report.
288 */
289.path-grade-report {
290 .gradeparent {
291 table {
292 @include border-radius($border-radius);
293 }
294 tr .cell {
295 background-color: $pagination-bg;
296 }
297 table,
298 .cell {
299 border-color: $table-border-color;
300 }
301 tr:nth-of-type(even) .cell,
302 .floater .cell,
303 .avg {
c1d6e95b 304 background-color: $gray-lightest;
536f0460
DW
305 }
306 table .clickable {
307 cursor: pointer;
308 }
309 }
9cb41231 310}
536f0460
DW
311
312/**
313 * User report.
314 */
315.path-grade-report-user .user-grade {
316 border: none;
317 &.generaltable {
318 .levelodd {
319 background-color: $table-bg-accent;
320 }
321 .leveleven {
322 background-color: $table-bg;
323 }
324 }
325}
326
c1d6e95b
FM
327/**
328 * Single view.
329 */
330.path-grade-report-singleview input[name^="finalgrade"] {
331 width: 80px;
332}