forked from learnweb/moodle-mod_ratingallocate
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathstyles.css
126 lines (104 loc) · 3.22 KB
/
styles.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
.path-mod-ratingallocate ul.horizontal.choices {
margin: 0;
}
.path-mod-ratingallocate .horizontal.choices .option {
padding-right: 20px;
display: inline-block;
white-space: normal;
}
.ratingallocate_ratings_table tr.ratingallocate_summary,
.ratingallocate_ratings_table span.ratingallocate_member {
font-weight: bold;
}
/* Indicate selected choice in non-writeable tables */
.ratingallocate_ratings_table span.ratingallocate_member::before {
content: url('[[pix:i/checked]]');
}
/* Show a tickmark for a selected choice */
.ratingallocate_ratings_table span input[type=radio]:checked ~ label {
/* necessary for containing absolute position values */
position: relative;
}
.ratingallocate_ratings_table span input[type=radio]:checked ~ label::before {
content: url('[[pix:i/checked]]');
position: absolute;
margin-top: -2px;
}
/* Special highlight for values that were checked *initially* */
.ratingallocate_ratings_table span input[type=radio][checked] ~ label > span.ratingallocate_checkbox {
background: url('[[pix:ratingallocate|checkbox-selected]]');
background-size: 13px 13px;
}
.ratingallocate_ratings_table span input[type=radio][checked] ~ label {
font-weight: bold;
}
/* Checkbox/radio replacement */
.ratingallocate_ratings_table span input[type=radio] ~ label > span.ratingallocate_checkbox {
display: inline-flex;
height: 13px;
width: 13px;
margin-right: 5px;
vertical-align: text-top;
background: url('[[pix:ratingallocate|checkbox]]');
background-size: 13px 13px;
}
.ratingallocate_ratings_table span input[type=radio] {
display: none;
}
.ratingallocate_ratings_box {
overflow: auto; /* Scrolling tables */
}
.path-mod-ratingallocate .mod-ratingallocate-choice-maxno {
text-align: right;
}
.ratingallocate_distribute_unallocated {
margin: 1em 1em 0 0;
}
.ratingallocate_ratings_table {
border-collapse: separate;
border-spacing: 0;
}
.ratingallocate_ratings_table thead th:first-child,
.ratingallocate_ratings_table tbody td:first-child {
position: sticky;
left: 0;
min-width: 10rem;
max-width: 10rem;
}
.ratingallocate_ratings_table.includegroups tbody td:nth-child(2),
.ratingallocate_ratings_table.includegroups thead th:nth-child(2) {
position: sticky;
left: 10rem;
border-right: 2px solid #dee2e6;
}
.ratingallocate_ratings_table:not(.includegroups) tbody td:first-child,
.ratingallocate_ratings_table:not(.includegroups) thead th:first-child {
border-right: 2px solid #dee2e6;
}
.ratingallocate_ratings_table thead th:first-child,
.ratingallocate_ratings_table.includegroups thead th:nth-child(2) {
z-index: 3;
}
.ratingallocate_ratings_table .groupsinchoiceheadings {
font-size: xx-small;
}
.ratingallocate_ratings_table tr.ratingallocate_summary td {
position: sticky;
bottom: 0;
background-color: #fff;
}
.ratingallocate_ratings_table thead th {
background-color: #fff;
position: sticky;
top: 0;
z-index: 2;
}
.ratingallocate_ratings_table tbody td:first-child,
.ratingallocate_ratings_table.includegroups tbody td:nth-child(2) {
background-color: #fff;
z-index: 1;
font-weight: bold;
}
.ratingallocate_ratings_table_container .no-overflow {
overflow: unset;
}