ode-csslib 4.1.2-develop-pedago.202309190939 → 4.1.3

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 19/09/2023 09:39:44
1
+ entcore-css-lib=4.1.3 16/10/2023 10:03:44
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "ode-csslib",
3
- "version": "4.1.2-develop-pedago.202309190939",
3
+ "version": "4.1.3",
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;
@@ -32,7 +32,7 @@ body.wayf {
32
32
  h2 {
33
33
  text-align: center;
34
34
  padding-bottom: 15px;
35
- font-size: 2vh;
35
+ font-size: 19px;
36
36
  }
37
37
 
38
38
  #credentials-content {
@@ -62,7 +62,7 @@ body.wayf {
62
62
 
63
63
  .dominos .item a {
64
64
  color: $white !important;
65
- font-size: 1.8vh;
65
+ font-size: 17px;
66
66
  line-height: 80%;
67
67
  }
68
68
 
@@ -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,46 +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
- 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
- }
156
102
  #side {
157
103
  display: table-cell;
158
104
  vertical-align: top;
@@ -220,7 +166,8 @@ $panda-blue: #3889c1;
220
166
  height: 650px;
221
167
  width: 100%;
222
168
  position: relative;
223
- & > #redMargin {
169
+ & > #redMargin
170
+ {
224
171
  position: absolute;
225
172
  top: 0;
226
173
  bottom: 0;
@@ -228,14 +175,15 @@ $panda-blue: #3889c1;
228
175
  width: 1px;
229
176
  background: #ff000080;
230
177
  }
231
- & > .emptyscreen ~ #redMargin {
178
+ & > .emptyscreen ~ #redMargin
179
+ {
232
180
  width: 0;
233
181
  }
234
182
  lightbox p {
235
183
  padding-right: 15px;
236
184
  }
237
185
  .emptyscreen {
238
- margin-top: -40px !important;
186
+ margin-top: -40px!important;
239
187
  }
240
188
  }
241
189
  .homeworksSubject {
@@ -252,77 +200,10 @@ $panda-blue: #3889c1;
252
200
  text-overflow: ellipsis;
253
201
  max-width: 95%; /*http://support.web-education.net/issues/23700#note-46*/
254
202
  }
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
- }
322
203
  }
323
204
  .homeworksDate {
324
- display: table-cell;
325
- width: 65px;
205
+ display: table-cell;
206
+ width: 65px;
326
207
  }
327
208
  .homeworksContent {
328
209
  display: table-cell;
@@ -338,14 +219,14 @@ $panda-blue: #3889c1;
338
219
  audio {
339
220
  height: 40px;
340
221
  }
341
- editor {
222
+ editor{
342
223
  margin: 0;
343
224
  }
344
225
  > popover {
345
226
  display: none !important;
346
227
  }
347
228
  editor-toolbar {
348
- border: 1px solid $shadow-lightest !important;
229
+ border: 1px solid $shadow-lightest!important;
349
230
  .option {
350
231
  height: 50px;
351
232
  min-width: 35px;
@@ -355,50 +236,10 @@ $panda-blue: #3889c1;
355
236
  background: transparent;
356
237
  min-height: 36px !important;
357
238
  padding: 10px;
358
- border: 1px dashed $shadow-lightest !important;
239
+ border: 1px dashed $shadow-lightest!important;
359
240
  margin-top: -1px;
360
241
  }
361
242
  }
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
- }
402
243
  .homeworksRecurrence {
403
244
  height: 0;
404
245
  .recurrent {
@@ -480,7 +321,7 @@ $panda-blue: #3889c1;
480
321
  }
481
322
  }
482
323
  &:disabled {
483
- opacity: 0.5;
324
+ opacity: .5;
484
325
  }
485
326
  }
486
327
  label {
@@ -549,18 +390,18 @@ $panda-blue: #3889c1;
549
390
  audio {
550
391
  height: 41px;
551
392
  }
552
- editor {
553
- &:first-child {
393
+ editor{
394
+ &:first-child{
554
395
  margin-top: -2px;
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 {
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{
564
405
  height: 50px;
565
406
  }
566
407
  }
@@ -611,7 +452,7 @@ $panda-blue: #3889c1;
611
452
  }
612
453
  [contenteditable] {
613
454
  .image-container {
614
- border: 2px dashed $panda-blue !important;
455
+ border: 2px dashed $panda-blue!important;
615
456
  }
616
457
  }
617
458
  }
@@ -619,8 +460,8 @@ $panda-blue: #3889c1;
619
460
  .weekly-view {
620
461
  #topbar {
621
462
  i {
622
- height: 40px !important;
623
- width: 40px !important;
463
+ height: 40px!important;
464
+ width: 40px!important;
624
465
  }
625
466
  }
626
467
  .homeworksDate {
@@ -642,12 +483,12 @@ $panda-blue: #3889c1;
642
483
  border-right: 1px solid $shadow-lightest;
643
484
  }
644
485
  .homeworksContent {
645
- max-width: inherit !important;
646
- padding: 10px 15px !important;
486
+ max-width: inherit!important;
487
+ padding: 10px 15px!important;
647
488
  }
648
489
  .homeworksItem {
649
490
  &:first-of-type {
650
- border: none !important;
491
+ border: none!important;
651
492
  }
652
493
  & + .homeworksItem {
653
494
  border-top: 1px solid $shadow-lightest;
@@ -705,7 +546,7 @@ $panda-blue: #3889c1;
705
546
  @media screen and (max-width: $tablette) {
706
547
  .homeworks {
707
548
  portal > .container {
708
- min-width: inherit !important;
549
+ min-width: inherit!important;
709
550
  }
710
551
  }
711
552
  .notebook {
@@ -716,7 +557,7 @@ $panda-blue: #3889c1;
716
557
  #book {
717
558
  width: 100%;
718
559
  background-image: none;
719
- background-color: white !important;
560
+ background-color: white!important;
720
561
  border: 1px solid $shadow-lightest;
721
562
  padding-bottom: 0;
722
563
  }
@@ -730,7 +571,7 @@ $panda-blue: #3889c1;
730
571
  max-width: 410px;
731
572
  }
732
573
  i {
733
- height: 30px !important;
574
+ height: 30px!important;
734
575
  }
735
576
  }
736
577
  #content {
@@ -747,7 +588,7 @@ $panda-blue: #3889c1;
747
588
  [contenteditable] {
748
589
  padding-top: 60px;
749
590
  }
750
- }
591
+ }
751
592
  .homeworksLine + .homeworksLine,
752
593
  .homeworksSubject {
753
594
  border: none;
@@ -763,7 +604,7 @@ $panda-blue: #3889c1;
763
604
  width: 50px;
764
605
  }
765
606
  .homeworksSubject {
766
- border-bottom: none !important;
607
+ border-bottom: none!important;
767
608
  }
768
609
  .homeworksLine {
769
610
  .close {
@@ -781,7 +622,7 @@ $panda-blue: #3889c1;
781
622
  .daily-view,
782
623
  .editor {
783
624
  .homeworksLine + .homeworksLine {
784
- border-top: 1px solid $neutral-grey !important;
625
+ border-top: 1px solid $neutral-grey!important;
785
626
  }
786
627
  .homeworksLine {
787
628
  editor.focus {
@@ -542,10 +542,6 @@ section.scrapbook {
542
542
  }
543
543
  }
544
544
 
545
- .scrapbook-fullscreen .header {
546
- display: none !important;
547
- }
548
-
549
545
  header.infos-block {
550
546
  position: static !important; // position: initial doesn't work in IE
551
547
  }