ode-csslib 4.1.2-develop-b2school.202309151048 → 4.1.2-develop-pedago.202309190939
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.css +1 -1
- package/dist/index.css.map +1 -1
- package/dist/version.txt +1 -1
- package/package.json +1 -1
- package/scss/specifics/homeworks/_homeworks.scss +213 -54
package/dist/version.txt
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
entcore-css-lib=4.1-develop-
|
|
1
|
+
entcore-css-lib=4.1-develop-pedago-SNAPSHOT 19/09/2023 09:39:44
|
package/package.json
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
$shadow-lightest: rgba(0,0,0,0.1);
|
|
1
|
+
$shadow-lightest: rgba(0, 0, 0, 0.1);
|
|
2
2
|
$blue-ink: #414254;
|
|
3
3
|
$panda-blue: #3889c1;
|
|
4
4
|
|
|
@@ -19,7 +19,7 @@ $panda-blue: #3889c1;
|
|
|
19
19
|
box-sizing: border-box;
|
|
20
20
|
}
|
|
21
21
|
#header {
|
|
22
|
-
|
|
22
|
+
margin: 10px 20px 20px;
|
|
23
23
|
}
|
|
24
24
|
#book_wrapper {
|
|
25
25
|
display: table;
|
|
@@ -47,35 +47,49 @@ $panda-blue: #3889c1;
|
|
|
47
47
|
border-top: 7px solid #3889c1;
|
|
48
48
|
border-bottom: 7px solid #3889c1;
|
|
49
49
|
}
|
|
50
|
-
|
|
50
|
+
#backgroundWeek {
|
|
51
|
+
background-color: #3889c1;
|
|
52
|
+
border-top-color: #3889c1 !important;
|
|
53
|
+
border-bottom-color: #3889c1 !important;
|
|
54
|
+
}
|
|
55
|
+
.backgroundMonday,
|
|
56
|
+
#monday {
|
|
51
57
|
background-color: $green;
|
|
52
|
-
border-top-color: $green!important;
|
|
53
|
-
border-bottom-color: $green!important;
|
|
58
|
+
border-top-color: $green !important;
|
|
59
|
+
border-bottom-color: $green !important;
|
|
60
|
+
}
|
|
61
|
+
#monday {
|
|
62
|
+
margin-top: 100%;
|
|
54
63
|
}
|
|
55
|
-
.backgroundTuesday,
|
|
64
|
+
.backgroundTuesday,
|
|
65
|
+
#tuesday {
|
|
56
66
|
background-color: $purple;
|
|
57
|
-
border-top-color: $purple!important;
|
|
58
|
-
border-bottom-color: $purple!important;
|
|
67
|
+
border-top-color: $purple !important;
|
|
68
|
+
border-bottom-color: $purple !important;
|
|
59
69
|
}
|
|
60
|
-
.backgroundWednesday,
|
|
70
|
+
.backgroundWednesday,
|
|
71
|
+
#wednesday {
|
|
61
72
|
background-color: $cyan;
|
|
62
|
-
border-top-color: $cyan!important;
|
|
63
|
-
border-bottom-color: $cyan!important;
|
|
73
|
+
border-top-color: $cyan !important;
|
|
74
|
+
border-bottom-color: $cyan !important;
|
|
64
75
|
}
|
|
65
|
-
.backgroundThursday,
|
|
76
|
+
.backgroundThursday,
|
|
77
|
+
#thursday {
|
|
66
78
|
background-color: $red;
|
|
67
|
-
border-top-color: $red!important;
|
|
68
|
-
border-bottom-color: $red!important;
|
|
79
|
+
border-top-color: $red !important;
|
|
80
|
+
border-bottom-color: $red !important;
|
|
69
81
|
}
|
|
70
|
-
.backgroundFriday,
|
|
82
|
+
.backgroundFriday,
|
|
83
|
+
#friday {
|
|
71
84
|
background-color: $orange;
|
|
72
|
-
border-top-color: $orange!important;
|
|
73
|
-
border-bottom-color: $orange!important;
|
|
85
|
+
border-top-color: $orange !important;
|
|
86
|
+
border-bottom-color: $orange !important;
|
|
74
87
|
}
|
|
75
|
-
.backgroundSaturday,
|
|
88
|
+
.backgroundSaturday,
|
|
89
|
+
#saturday {
|
|
76
90
|
background-color: $yellow;
|
|
77
|
-
border-top-color: $yellow!important;
|
|
78
|
-
border-bottom-color: $yellow!important;
|
|
91
|
+
border-top-color: $yellow !important;
|
|
92
|
+
border-bottom-color: $yellow !important;
|
|
79
93
|
}
|
|
80
94
|
#topbar {
|
|
81
95
|
padding-top: 15px;
|
|
@@ -99,6 +113,46 @@ $panda-blue: #3889c1;
|
|
|
99
113
|
overflow: auto;
|
|
100
114
|
background: white;
|
|
101
115
|
}
|
|
116
|
+
#topSide {
|
|
117
|
+
display: flex;
|
|
118
|
+
flex-flow: row-reverse;
|
|
119
|
+
.week {
|
|
120
|
+
width: 150px;
|
|
121
|
+
height: 40px;
|
|
122
|
+
border-radius: 20px 20px 0 0;
|
|
123
|
+
margin-right: 40px;
|
|
124
|
+
font-family: KGJune;
|
|
125
|
+
text-transform: uppercase;
|
|
126
|
+
font-size: 25px;
|
|
127
|
+
.noRotated {
|
|
128
|
+
text-align: center;
|
|
129
|
+
width: 125px;
|
|
130
|
+
height: 40px;
|
|
131
|
+
margin-left: 15px;
|
|
132
|
+
margin-top: 10px;
|
|
133
|
+
}
|
|
134
|
+
a {
|
|
135
|
+
color: black;
|
|
136
|
+
font-family: "KGJune";
|
|
137
|
+
text-transform: uppercase;
|
|
138
|
+
font-weight: bold;
|
|
139
|
+
}
|
|
140
|
+
}
|
|
141
|
+
.weekday,
|
|
142
|
+
.week {
|
|
143
|
+
opacity: 0.5;
|
|
144
|
+
-webkit-transition: all 0.25s ease-in-out 0s;
|
|
145
|
+
-o-transition: all 0.25s ease-in-out 0s;
|
|
146
|
+
transition: all 0.25s ease-in-out 0s;
|
|
147
|
+
&:hover,
|
|
148
|
+
&.active {
|
|
149
|
+
opacity: 1;
|
|
150
|
+
-webkit-transition: all 0.25s ease-in-out 0s;
|
|
151
|
+
-o-transition: all 0.25s ease-in-out 0s;
|
|
152
|
+
transition: all 0.25s ease-in-out 0s;
|
|
153
|
+
}
|
|
154
|
+
}
|
|
155
|
+
}
|
|
102
156
|
#side {
|
|
103
157
|
display: table-cell;
|
|
104
158
|
vertical-align: top;
|
|
@@ -166,8 +220,7 @@ $panda-blue: #3889c1;
|
|
|
166
220
|
height: 650px;
|
|
167
221
|
width: 100%;
|
|
168
222
|
position: relative;
|
|
169
|
-
& > #redMargin
|
|
170
|
-
{
|
|
223
|
+
& > #redMargin {
|
|
171
224
|
position: absolute;
|
|
172
225
|
top: 0;
|
|
173
226
|
bottom: 0;
|
|
@@ -175,15 +228,14 @@ $panda-blue: #3889c1;
|
|
|
175
228
|
width: 1px;
|
|
176
229
|
background: #ff000080;
|
|
177
230
|
}
|
|
178
|
-
& > .emptyscreen ~ #redMargin
|
|
179
|
-
{
|
|
231
|
+
& > .emptyscreen ~ #redMargin {
|
|
180
232
|
width: 0;
|
|
181
233
|
}
|
|
182
234
|
lightbox p {
|
|
183
235
|
padding-right: 15px;
|
|
184
236
|
}
|
|
185
237
|
.emptyscreen {
|
|
186
|
-
margin-top: -40px!important;
|
|
238
|
+
margin-top: -40px !important;
|
|
187
239
|
}
|
|
188
240
|
}
|
|
189
241
|
.homeworksSubject {
|
|
@@ -200,10 +252,77 @@ $panda-blue: #3889c1;
|
|
|
200
252
|
text-overflow: ellipsis;
|
|
201
253
|
max-width: 95%; /*http://support.web-education.net/issues/23700#note-46*/
|
|
202
254
|
}
|
|
255
|
+
.switchContainer {
|
|
256
|
+
display: flex;
|
|
257
|
+
font-size: 15px;
|
|
258
|
+
margin-top: 20px;
|
|
259
|
+
font-weight: normal;
|
|
260
|
+
align-items: center;
|
|
261
|
+
input[type="checkbox"] + span {
|
|
262
|
+
height: 21px;
|
|
263
|
+
}
|
|
264
|
+
.switch {
|
|
265
|
+
position: relative;
|
|
266
|
+
display: inline-block;
|
|
267
|
+
width: 46px;
|
|
268
|
+
height: 24px;
|
|
269
|
+
margin-right: 5px;
|
|
270
|
+
margin-top: 4px;
|
|
271
|
+
input {
|
|
272
|
+
opacity: 0;
|
|
273
|
+
width: 0;
|
|
274
|
+
height: 0;
|
|
275
|
+
}
|
|
276
|
+
.slider {
|
|
277
|
+
position: absolute;
|
|
278
|
+
cursor: pointer;
|
|
279
|
+
top: 0;
|
|
280
|
+
left: 0;
|
|
281
|
+
right: 0;
|
|
282
|
+
bottom: 0;
|
|
283
|
+
background-color: #ccc;
|
|
284
|
+
-webkit-transition: 0.4s;
|
|
285
|
+
transition: 0.4s;
|
|
286
|
+
}
|
|
287
|
+
|
|
288
|
+
.slider:before {
|
|
289
|
+
position: absolute;
|
|
290
|
+
content: "";
|
|
291
|
+
height: 17px;
|
|
292
|
+
width: 17px;
|
|
293
|
+
left: 4px;
|
|
294
|
+
bottom: 1px;
|
|
295
|
+
background-color: white;
|
|
296
|
+
-webkit-transition: 0.4s;
|
|
297
|
+
transition: 0.4s;
|
|
298
|
+
}
|
|
299
|
+
|
|
300
|
+
input:checked + .slider {
|
|
301
|
+
background-color: #2196f3;
|
|
302
|
+
}
|
|
303
|
+
|
|
304
|
+
input:focus + .slider {
|
|
305
|
+
box-shadow: 0 0 1px #2196f3;
|
|
306
|
+
}
|
|
307
|
+
|
|
308
|
+
input:checked + .slider:before {
|
|
309
|
+
-webkit-transform: translateX(20px);
|
|
310
|
+
-ms-transform: translateX(20px);
|
|
311
|
+
transform: translateX(20px);
|
|
312
|
+
}
|
|
313
|
+
.slider.round {
|
|
314
|
+
border-radius: 34px;
|
|
315
|
+
}
|
|
316
|
+
|
|
317
|
+
.slider.round:before {
|
|
318
|
+
border-radius: 50%;
|
|
319
|
+
}
|
|
320
|
+
}
|
|
321
|
+
}
|
|
203
322
|
}
|
|
204
323
|
.homeworksDate {
|
|
205
|
-
|
|
206
|
-
|
|
324
|
+
display: table-cell;
|
|
325
|
+
width: 65px;
|
|
207
326
|
}
|
|
208
327
|
.homeworksContent {
|
|
209
328
|
display: table-cell;
|
|
@@ -219,14 +338,14 @@ $panda-blue: #3889c1;
|
|
|
219
338
|
audio {
|
|
220
339
|
height: 40px;
|
|
221
340
|
}
|
|
222
|
-
editor{
|
|
341
|
+
editor {
|
|
223
342
|
margin: 0;
|
|
224
343
|
}
|
|
225
344
|
> popover {
|
|
226
345
|
display: none !important;
|
|
227
346
|
}
|
|
228
347
|
editor-toolbar {
|
|
229
|
-
border: 1px solid $shadow-lightest!important;
|
|
348
|
+
border: 1px solid $shadow-lightest !important;
|
|
230
349
|
.option {
|
|
231
350
|
height: 50px;
|
|
232
351
|
min-width: 35px;
|
|
@@ -236,10 +355,50 @@ $panda-blue: #3889c1;
|
|
|
236
355
|
background: transparent;
|
|
237
356
|
min-height: 36px !important;
|
|
238
357
|
padding: 10px;
|
|
239
|
-
border: 1px dashed $shadow-lightest!important;
|
|
358
|
+
border: 1px dashed $shadow-lightest !important;
|
|
240
359
|
margin-top: -1px;
|
|
241
360
|
}
|
|
242
361
|
}
|
|
362
|
+
.homeworkModal {
|
|
363
|
+
.homeworkDoTable {
|
|
364
|
+
max-height: 300px;
|
|
365
|
+
overflow-y: scroll;
|
|
366
|
+
margin: 10px 0px 10px 0px;
|
|
367
|
+
#thCenter {
|
|
368
|
+
text-align: center;
|
|
369
|
+
}
|
|
370
|
+
#tdCenter {
|
|
371
|
+
display: flex;
|
|
372
|
+
justify-content: center;
|
|
373
|
+
}
|
|
374
|
+
}
|
|
375
|
+
}
|
|
376
|
+
.homeworkDoContainer {
|
|
377
|
+
font-size: 15px;
|
|
378
|
+
font-weight: initial;
|
|
379
|
+
display: flex;
|
|
380
|
+
}
|
|
381
|
+
.homeworkDoContainer.colorRed {
|
|
382
|
+
color: $red;
|
|
383
|
+
}
|
|
384
|
+
.homeworkDoContainer.colorGreen {
|
|
385
|
+
color: $green;
|
|
386
|
+
}
|
|
387
|
+
.homeworkBadge {
|
|
388
|
+
padding: 1px 7px 1px 7px;
|
|
389
|
+
text-align: center;
|
|
390
|
+
border-radius: 15px;
|
|
391
|
+
margin-left: 8px;
|
|
392
|
+
font-size: 13px;
|
|
393
|
+
width: fit-content;
|
|
394
|
+
border: 2px solid;
|
|
395
|
+
}
|
|
396
|
+
.homeworkBadge.borderRed {
|
|
397
|
+
border-color: $red;
|
|
398
|
+
}
|
|
399
|
+
.homeworkBadge.borderGreen {
|
|
400
|
+
border-color: $green;
|
|
401
|
+
}
|
|
243
402
|
.homeworksRecurrence {
|
|
244
403
|
height: 0;
|
|
245
404
|
.recurrent {
|
|
@@ -321,7 +480,7 @@ $panda-blue: #3889c1;
|
|
|
321
480
|
}
|
|
322
481
|
}
|
|
323
482
|
&:disabled {
|
|
324
|
-
opacity: .5;
|
|
483
|
+
opacity: 0.5;
|
|
325
484
|
}
|
|
326
485
|
}
|
|
327
486
|
label {
|
|
@@ -390,18 +549,18 @@ $panda-blue: #3889c1;
|
|
|
390
549
|
audio {
|
|
391
550
|
height: 41px;
|
|
392
551
|
}
|
|
393
|
-
editor{
|
|
394
|
-
&:first-child{
|
|
552
|
+
editor {
|
|
553
|
+
&:first-child {
|
|
395
554
|
margin-top: -2px;
|
|
396
|
-
|
|
397
|
-
|
|
398
|
-
|
|
399
|
-
|
|
400
|
-
|
|
401
|
-
|
|
402
|
-
|
|
403
|
-
|
|
404
|
-
.option{
|
|
555
|
+
}
|
|
556
|
+
> popover {
|
|
557
|
+
display: none !important;
|
|
558
|
+
}
|
|
559
|
+
editor-toolbar {
|
|
560
|
+
border-right: 1px solid #ddd;
|
|
561
|
+
border-top: 0;
|
|
562
|
+
border-bottom: 0;
|
|
563
|
+
.option {
|
|
405
564
|
height: 50px;
|
|
406
565
|
}
|
|
407
566
|
}
|
|
@@ -452,7 +611,7 @@ $panda-blue: #3889c1;
|
|
|
452
611
|
}
|
|
453
612
|
[contenteditable] {
|
|
454
613
|
.image-container {
|
|
455
|
-
border: 2px dashed $panda-blue!important;
|
|
614
|
+
border: 2px dashed $panda-blue !important;
|
|
456
615
|
}
|
|
457
616
|
}
|
|
458
617
|
}
|
|
@@ -460,8 +619,8 @@ $panda-blue: #3889c1;
|
|
|
460
619
|
.weekly-view {
|
|
461
620
|
#topbar {
|
|
462
621
|
i {
|
|
463
|
-
height: 40px!important;
|
|
464
|
-
width: 40px!important;
|
|
622
|
+
height: 40px !important;
|
|
623
|
+
width: 40px !important;
|
|
465
624
|
}
|
|
466
625
|
}
|
|
467
626
|
.homeworksDate {
|
|
@@ -483,12 +642,12 @@ $panda-blue: #3889c1;
|
|
|
483
642
|
border-right: 1px solid $shadow-lightest;
|
|
484
643
|
}
|
|
485
644
|
.homeworksContent {
|
|
486
|
-
max-width: inherit!important;
|
|
487
|
-
padding: 10px 15px!important;
|
|
645
|
+
max-width: inherit !important;
|
|
646
|
+
padding: 10px 15px !important;
|
|
488
647
|
}
|
|
489
648
|
.homeworksItem {
|
|
490
649
|
&:first-of-type {
|
|
491
|
-
border: none!important;
|
|
650
|
+
border: none !important;
|
|
492
651
|
}
|
|
493
652
|
& + .homeworksItem {
|
|
494
653
|
border-top: 1px solid $shadow-lightest;
|
|
@@ -546,7 +705,7 @@ $panda-blue: #3889c1;
|
|
|
546
705
|
@media screen and (max-width: $tablette) {
|
|
547
706
|
.homeworks {
|
|
548
707
|
portal > .container {
|
|
549
|
-
min-width: inherit!important;
|
|
708
|
+
min-width: inherit !important;
|
|
550
709
|
}
|
|
551
710
|
}
|
|
552
711
|
.notebook {
|
|
@@ -557,7 +716,7 @@ $panda-blue: #3889c1;
|
|
|
557
716
|
#book {
|
|
558
717
|
width: 100%;
|
|
559
718
|
background-image: none;
|
|
560
|
-
background-color: white!important;
|
|
719
|
+
background-color: white !important;
|
|
561
720
|
border: 1px solid $shadow-lightest;
|
|
562
721
|
padding-bottom: 0;
|
|
563
722
|
}
|
|
@@ -571,7 +730,7 @@ $panda-blue: #3889c1;
|
|
|
571
730
|
max-width: 410px;
|
|
572
731
|
}
|
|
573
732
|
i {
|
|
574
|
-
height: 30px!important;
|
|
733
|
+
height: 30px !important;
|
|
575
734
|
}
|
|
576
735
|
}
|
|
577
736
|
#content {
|
|
@@ -588,7 +747,7 @@ $panda-blue: #3889c1;
|
|
|
588
747
|
[contenteditable] {
|
|
589
748
|
padding-top: 60px;
|
|
590
749
|
}
|
|
591
|
-
}
|
|
750
|
+
}
|
|
592
751
|
.homeworksLine + .homeworksLine,
|
|
593
752
|
.homeworksSubject {
|
|
594
753
|
border: none;
|
|
@@ -604,7 +763,7 @@ $panda-blue: #3889c1;
|
|
|
604
763
|
width: 50px;
|
|
605
764
|
}
|
|
606
765
|
.homeworksSubject {
|
|
607
|
-
border-bottom: none!important;
|
|
766
|
+
border-bottom: none !important;
|
|
608
767
|
}
|
|
609
768
|
.homeworksLine {
|
|
610
769
|
.close {
|
|
@@ -622,7 +781,7 @@ $panda-blue: #3889c1;
|
|
|
622
781
|
.daily-view,
|
|
623
782
|
.editor {
|
|
624
783
|
.homeworksLine + .homeworksLine {
|
|
625
|
-
border-top: 1px solid $neutral-grey!important;
|
|
784
|
+
border-top: 1px solid $neutral-grey !important;
|
|
626
785
|
}
|
|
627
786
|
.homeworksLine {
|
|
628
787
|
editor.focus {
|