ode-csslib 4.1.2-develop-pedago.202309061128 → 4.1.2

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/version.txt CHANGED
@@ -1 +1 @@
1
- entcore-css-lib=4.1-develop-pedago-SNAPSHOT 06/09/2023 11:28:33
1
+ entcore-css-lib=4.1.2 11/09/2023 15:24:20
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "ode-csslib",
3
- "version": "4.1.2-develop-pedago.202309061128",
3
+ "version": "4.1.2",
4
4
  "description": "Open Digital Education Legacy CSS framework",
5
5
  "repository": {
6
6
  "type": "git",
@@ -263,6 +263,7 @@ div:not(.simple-notifications) > .notification {
263
263
  display: flex;
264
264
  flex-direction: column;
265
265
  justify-content: center;
266
+ overflow-x: hidden;
266
267
  i {
267
268
  margin-right: 10px;
268
269
  color: $darkest-grey;
@@ -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
- margin: 10px 20px 20px;
22
+ margin: 10px 20px 20px;
23
23
  }
24
24
  #book_wrapper {
25
25
  display: table;
@@ -47,49 +47,35 @@ $panda-blue: #3889c1;
47
47
  border-top: 7px solid #3889c1;
48
48
  border-bottom: 7px solid #3889c1;
49
49
  }
50
- #backgroundWeek {
51
- background-color: #3889c1;
52
- border-top-color: #3889c1 !important;
53
- border-bottom-color: #3889c1 !important;
54
- }
55
- .backgroundMonday,
56
- #monday {
50
+ .backgroundMonday, #monday {
57
51
  background-color: $green;
58
- border-top-color: $green !important;
59
- border-bottom-color: $green !important;
60
- }
61
- #monday {
62
- margin-top: 100%;
52
+ border-top-color: $green!important;
53
+ border-bottom-color: $green!important;
63
54
  }
64
- .backgroundTuesday,
65
- #tuesday {
55
+ .backgroundTuesday, #tuesday {
66
56
  background-color: $purple;
67
- border-top-color: $purple !important;
68
- border-bottom-color: $purple !important;
57
+ border-top-color: $purple!important;
58
+ border-bottom-color: $purple!important;
69
59
  }
70
- .backgroundWednesday,
71
- #wednesday {
60
+ .backgroundWednesday, #wednesday {
72
61
  background-color: $cyan;
73
- border-top-color: $cyan !important;
74
- border-bottom-color: $cyan !important;
62
+ border-top-color: $cyan!important;
63
+ border-bottom-color: $cyan!important;
75
64
  }
76
- .backgroundThursday,
77
- #thursday {
65
+ .backgroundThursday, #thursday {
78
66
  background-color: $red;
79
- border-top-color: $red !important;
80
- border-bottom-color: $red !important;
67
+ border-top-color: $red!important;
68
+ border-bottom-color: $red!important;
81
69
  }
82
- .backgroundFriday,
83
- #friday {
70
+ .backgroundFriday, #friday {
84
71
  background-color: $orange;
85
- border-top-color: $orange !important;
86
- border-bottom-color: $orange !important;
72
+ border-top-color: $orange!important;
73
+ border-bottom-color: $orange!important;
87
74
  }
88
- .backgroundSaturday,
89
- #saturday {
75
+ .backgroundSaturday, #saturday {
90
76
  background-color: $yellow;
91
- border-top-color: $yellow !important;
92
- border-bottom-color: $yellow !important;
77
+ border-top-color: $yellow!important;
78
+ border-bottom-color: $yellow!important;
93
79
  }
94
80
  #topbar {
95
81
  padding-top: 15px;
@@ -113,43 +99,6 @@ $panda-blue: #3889c1;
113
99
  overflow: auto;
114
100
  background: white;
115
101
  }
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
- }
137
- }
138
- .weekday,
139
- .week {
140
- opacity: 0.5;
141
- -webkit-transition: all 0.25s ease-in-out 0s;
142
- -o-transition: all 0.25s ease-in-out 0s;
143
- transition: all 0.25s ease-in-out 0s;
144
- &:hover,
145
- &.active {
146
- opacity: 1;
147
- -webkit-transition: all 0.25s ease-in-out 0s;
148
- -o-transition: all 0.25s ease-in-out 0s;
149
- transition: all 0.25s ease-in-out 0s;
150
- }
151
- }
152
- }
153
102
  #side {
154
103
  display: table-cell;
155
104
  vertical-align: top;
@@ -217,7 +166,8 @@ $panda-blue: #3889c1;
217
166
  height: 650px;
218
167
  width: 100%;
219
168
  position: relative;
220
- & > #redMargin {
169
+ & > #redMargin
170
+ {
221
171
  position: absolute;
222
172
  top: 0;
223
173
  bottom: 0;
@@ -225,14 +175,15 @@ $panda-blue: #3889c1;
225
175
  width: 1px;
226
176
  background: #ff000080;
227
177
  }
228
- & > .emptyscreen ~ #redMargin {
178
+ & > .emptyscreen ~ #redMargin
179
+ {
229
180
  width: 0;
230
181
  }
231
182
  lightbox p {
232
183
  padding-right: 15px;
233
184
  }
234
185
  .emptyscreen {
235
- margin-top: -40px !important;
186
+ margin-top: -40px!important;
236
187
  }
237
188
  }
238
189
  .homeworksSubject {
@@ -249,77 +200,10 @@ $panda-blue: #3889c1;
249
200
  text-overflow: ellipsis;
250
201
  max-width: 95%; /*http://support.web-education.net/issues/23700#note-46*/
251
202
  }
252
- .switchContainer {
253
- display: flex;
254
- font-size: 15px;
255
- margin-top: 20px;
256
- font-weight: normal;
257
- align-items: center;
258
- input[type="checkbox"] + span {
259
- height: 21px;
260
- }
261
- .switch {
262
- position: relative;
263
- display: inline-block;
264
- width: 46px;
265
- height: 24px;
266
- margin-right: 5px;
267
- margin-top: 4px;
268
- input {
269
- opacity: 0;
270
- width: 0;
271
- height: 0;
272
- }
273
- .slider {
274
- position: absolute;
275
- cursor: pointer;
276
- top: 0;
277
- left: 0;
278
- right: 0;
279
- bottom: 0;
280
- background-color: #ccc;
281
- -webkit-transition: 0.4s;
282
- transition: 0.4s;
283
- }
284
-
285
- .slider:before {
286
- position: absolute;
287
- content: "";
288
- height: 17px;
289
- width: 17px;
290
- left: 4px;
291
- bottom: 1px;
292
- background-color: white;
293
- -webkit-transition: 0.4s;
294
- transition: 0.4s;
295
- }
296
-
297
- input:checked + .slider {
298
- background-color: #2196f3;
299
- }
300
-
301
- input:focus + .slider {
302
- box-shadow: 0 0 1px #2196f3;
303
- }
304
-
305
- input:checked + .slider:before {
306
- -webkit-transform: translateX(20px);
307
- -ms-transform: translateX(20px);
308
- transform: translateX(20px);
309
- }
310
- .slider.round {
311
- border-radius: 34px;
312
- }
313
-
314
- .slider.round:before {
315
- border-radius: 50%;
316
- }
317
- }
318
- }
319
203
  }
320
204
  .homeworksDate {
321
- display: table-cell;
322
- width: 65px;
205
+ display: table-cell;
206
+ width: 65px;
323
207
  }
324
208
  .homeworksContent {
325
209
  display: table-cell;
@@ -335,14 +219,14 @@ $panda-blue: #3889c1;
335
219
  audio {
336
220
  height: 40px;
337
221
  }
338
- editor {
222
+ editor{
339
223
  margin: 0;
340
224
  }
341
225
  > popover {
342
226
  display: none !important;
343
227
  }
344
228
  editor-toolbar {
345
- border: 1px solid $shadow-lightest !important;
229
+ border: 1px solid $shadow-lightest!important;
346
230
  .option {
347
231
  height: 50px;
348
232
  min-width: 35px;
@@ -352,44 +236,10 @@ $panda-blue: #3889c1;
352
236
  background: transparent;
353
237
  min-height: 36px !important;
354
238
  padding: 10px;
355
- border: 1px dashed $shadow-lightest !important;
239
+ border: 1px dashed $shadow-lightest!important;
356
240
  margin-top: -1px;
357
241
  }
358
242
  }
359
- .homeworkModal {
360
- .homeworkDoTable {
361
- max-height: 300px;
362
- overflow-y: scroll;
363
- margin: 10px 0px 10px 0px;
364
- #thCenter {
365
- text-align: center;
366
- }
367
- #tdCenter {
368
- display: flex;
369
- justify-content: center;
370
- }
371
- }
372
- }
373
- .homeworkDoContainer {
374
- font-size: 15px;
375
- font-weight: initial;
376
- display: flex;
377
- }
378
- .homeworkBadge {
379
- padding: 1px 7px 1px 7px;
380
- text-align: center;
381
- border-radius: 15px;
382
- margin-left: 8px;
383
- font-size: 13px;
384
- width: fit-content;
385
- border: 2px solid;
386
- }
387
- .homeworkBadge.borderRed {
388
- border-color: $red;
389
- }
390
- .homeworkBadge.borderGreen {
391
- border-color: $green;
392
- }
393
243
  .homeworksRecurrence {
394
244
  height: 0;
395
245
  .recurrent {
@@ -471,7 +321,7 @@ $panda-blue: #3889c1;
471
321
  }
472
322
  }
473
323
  &:disabled {
474
- opacity: 0.5;
324
+ opacity: .5;
475
325
  }
476
326
  }
477
327
  label {
@@ -540,18 +390,18 @@ $panda-blue: #3889c1;
540
390
  audio {
541
391
  height: 41px;
542
392
  }
543
- editor {
544
- &:first-child {
393
+ editor{
394
+ &:first-child{
545
395
  margin-top: -2px;
546
- }
547
- > popover {
548
- display: none !important;
549
- }
550
- editor-toolbar {
551
- border-right: 1px solid #ddd;
552
- border-top: 0;
553
- border-bottom: 0;
554
- .option {
396
+ }
397
+ > popover{
398
+ display: none !important;
399
+ }
400
+ editor-toolbar{
401
+ border-right: 1px solid #ddd;
402
+ border-top: 0;
403
+ border-bottom: 0;
404
+ .option{
555
405
  height: 50px;
556
406
  }
557
407
  }
@@ -602,7 +452,7 @@ $panda-blue: #3889c1;
602
452
  }
603
453
  [contenteditable] {
604
454
  .image-container {
605
- border: 2px dashed $panda-blue !important;
455
+ border: 2px dashed $panda-blue!important;
606
456
  }
607
457
  }
608
458
  }
@@ -610,8 +460,8 @@ $panda-blue: #3889c1;
610
460
  .weekly-view {
611
461
  #topbar {
612
462
  i {
613
- height: 40px !important;
614
- width: 40px !important;
463
+ height: 40px!important;
464
+ width: 40px!important;
615
465
  }
616
466
  }
617
467
  .homeworksDate {
@@ -633,12 +483,12 @@ $panda-blue: #3889c1;
633
483
  border-right: 1px solid $shadow-lightest;
634
484
  }
635
485
  .homeworksContent {
636
- max-width: inherit !important;
637
- padding: 10px 15px !important;
486
+ max-width: inherit!important;
487
+ padding: 10px 15px!important;
638
488
  }
639
489
  .homeworksItem {
640
490
  &:first-of-type {
641
- border: none !important;
491
+ border: none!important;
642
492
  }
643
493
  & + .homeworksItem {
644
494
  border-top: 1px solid $shadow-lightest;
@@ -696,7 +546,7 @@ $panda-blue: #3889c1;
696
546
  @media screen and (max-width: $tablette) {
697
547
  .homeworks {
698
548
  portal > .container {
699
- min-width: inherit !important;
549
+ min-width: inherit!important;
700
550
  }
701
551
  }
702
552
  .notebook {
@@ -707,7 +557,7 @@ $panda-blue: #3889c1;
707
557
  #book {
708
558
  width: 100%;
709
559
  background-image: none;
710
- background-color: white !important;
560
+ background-color: white!important;
711
561
  border: 1px solid $shadow-lightest;
712
562
  padding-bottom: 0;
713
563
  }
@@ -721,7 +571,7 @@ $panda-blue: #3889c1;
721
571
  max-width: 410px;
722
572
  }
723
573
  i {
724
- height: 30px !important;
574
+ height: 30px!important;
725
575
  }
726
576
  }
727
577
  #content {
@@ -738,7 +588,7 @@ $panda-blue: #3889c1;
738
588
  [contenteditable] {
739
589
  padding-top: 60px;
740
590
  }
741
- }
591
+ }
742
592
  .homeworksLine + .homeworksLine,
743
593
  .homeworksSubject {
744
594
  border: none;
@@ -754,7 +604,7 @@ $panda-blue: #3889c1;
754
604
  width: 50px;
755
605
  }
756
606
  .homeworksSubject {
757
- border-bottom: none !important;
607
+ border-bottom: none!important;
758
608
  }
759
609
  .homeworksLine {
760
610
  .close {
@@ -772,7 +622,7 @@ $panda-blue: #3889c1;
772
622
  .daily-view,
773
623
  .editor {
774
624
  .homeworksLine + .homeworksLine {
775
- border-top: 1px solid $neutral-grey !important;
625
+ border-top: 1px solid $neutral-grey!important;
776
626
  }
777
627
  .homeworksLine {
778
628
  editor.focus {