@oat-sa/tao-core-ui 3.18.2 → 3.18.4

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.
Files changed (4) hide show
  1. package/package.json +1 -1
  2. package/scss/inc/_base.scss +52 -7
  3. package/src/css/basic.css +41 -1
  4. package/src/css/basic.css.map +1 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@oat-sa/tao-core-ui",
3
- "version": "3.18.2",
3
+ "version": "3.18.4",
4
4
  "displayName": "TAO Core UI",
5
5
  "description": "UI libraries of TAO",
6
6
  "scripts": {
package/scss/inc/_base.scss CHANGED
@@ -593,13 +593,26 @@ body {
593
593
  writing-mode: vertical-rl;
594
594
  }
595
595
 
596
- .qti-item .qti-itemBody.writing-mode-vertical-rl {
597
- hr {
598
- height: 100%;
599
- max-height: 100%;
600
- margin: 0 12px;
601
- border: none;
602
- border-right: 1px solid #8c8c8c;
596
+ .qti-item .qti-itemBody {
597
+ .writing-mode-vertical-rl,
598
+ &.writing-mode-vertical-rl {
599
+ hr {
600
+ height: 100%;
601
+ max-height: 100%;
602
+ margin: 0 12px;
603
+ border: none;
604
+ border-right: 1px solid #8c8c8c;
605
+ }
606
+ }
607
+ .writing-mode-horizontal-tb,
608
+ &.writing-mode-horizontal-tb {
609
+ hr {
610
+ height: 1px;
611
+ max-height: 1px;
612
+ margin: 12px 0;
613
+ border: none;
614
+ border-top: 1px solid #8c8c8c;
615
+ }
603
616
  }
604
617
  }
605
618
 
@@ -685,6 +698,38 @@ body {
685
698
  }
686
699
  }
687
700
 
701
+ .qti-item .writing-mode-vertical-rl .media-container,
702
+ .qti-item .writing-mode-vertical-rl .qti-object-container.previewer:has(.mediaplayer) {
703
+ writing-mode: horizontal-tb;
704
+ direction: rtl;
705
+
706
+ .mediaplayer .controls {
707
+ display: inline-block;
708
+ width: 100%;
709
+
710
+ .bar {
711
+ display: flex;
712
+ width: 100%;
713
+ align-items: center;
714
+ }
715
+ }
716
+
717
+ .mediaplayer .controls .control {
718
+ display: block;
719
+
720
+ &.actions .action{
721
+ position: relative;
722
+ top: 3px;
723
+ }
724
+ &.seek {
725
+ width: 100%;
726
+ }
727
+ &.infos.timer {
728
+ white-space: nowrap;
729
+ }
730
+ }
731
+ }
732
+
688
733
  [data-useragent-browser='safari'] {
689
734
  &.writing-mode-vertical-rl,
690
735
  .writing-mode-vertical-rl {
package/src/css/basic.css CHANGED
@@ -1534,13 +1534,20 @@ html .writing-mode-horizontal-tb {
1534
1534
  html .writing-mode-vertical-rl {
1535
1535
  writing-mode: vertical-rl;
1536
1536
  }
1537
- html .qti-item .qti-itemBody.writing-mode-vertical-rl hr {
1537
+ html .qti-item .qti-itemBody .writing-mode-vertical-rl hr, html .qti-item .qti-itemBody.writing-mode-vertical-rl hr {
1538
1538
  height: 100%;
1539
1539
  max-height: 100%;
1540
1540
  margin: 0 12px;
1541
1541
  border: none;
1542
1542
  border-right: 1px solid #8c8c8c;
1543
1543
  }
1544
+ html .qti-item .qti-itemBody .writing-mode-horizontal-tb hr, html .qti-item .qti-itemBody.writing-mode-horizontal-tb hr {
1545
+ height: 1px;
1546
+ max-height: 1px;
1547
+ margin: 12px 0;
1548
+ border: none;
1549
+ border-top: 1px solid #8c8c8c;
1550
+ }
1544
1551
  html .writing-mode-vertical-rl .txt-subscript {
1545
1552
  inset-block-start: -0.9em;
1546
1553
  bottom: 0;
@@ -1640,6 +1647,39 @@ html .writing-mode-vertical-rl .writing-mode-horizontal-tb ruby rt > .txt-underl
1640
1647
  left: auto;
1641
1648
  }
1642
1649
 
1650
+ html .qti-item .writing-mode-vertical-rl .media-container,
1651
+ html .qti-item .writing-mode-vertical-rl .qti-object-container.previewer:has(.mediaplayer) {
1652
+ writing-mode: horizontal-tb;
1653
+ direction: rtl;
1654
+ }
1655
+ html .qti-item .writing-mode-vertical-rl .media-container .mediaplayer .controls,
1656
+ html .qti-item .writing-mode-vertical-rl .qti-object-container.previewer:has(.mediaplayer) .mediaplayer .controls {
1657
+ display: inline-block;
1658
+ width: 100%;
1659
+ }
1660
+ html .qti-item .writing-mode-vertical-rl .media-container .mediaplayer .controls .bar,
1661
+ html .qti-item .writing-mode-vertical-rl .qti-object-container.previewer:has(.mediaplayer) .mediaplayer .controls .bar {
1662
+ display: flex;
1663
+ width: 100%;
1664
+ align-items: center;
1665
+ }
1666
+ html .qti-item .writing-mode-vertical-rl .media-container .mediaplayer .controls .control,
1667
+ html .qti-item .writing-mode-vertical-rl .qti-object-container.previewer:has(.mediaplayer) .mediaplayer .controls .control {
1668
+ display: block;
1669
+ }
1670
+ html .qti-item .writing-mode-vertical-rl .media-container .mediaplayer .controls .control.actions .action,
1671
+ html .qti-item .writing-mode-vertical-rl .qti-object-container.previewer:has(.mediaplayer) .mediaplayer .controls .control.actions .action {
1672
+ position: relative;
1673
+ top: 3px;
1674
+ }
1675
+ html .qti-item .writing-mode-vertical-rl .media-container .mediaplayer .controls .control.seek,
1676
+ html .qti-item .writing-mode-vertical-rl .qti-object-container.previewer:has(.mediaplayer) .mediaplayer .controls .control.seek {
1677
+ width: 100%;
1678
+ }
1679
+ html .qti-item .writing-mode-vertical-rl .media-container .mediaplayer .controls .control.infos.timer,
1680
+ html .qti-item .writing-mode-vertical-rl .qti-object-container.previewer:has(.mediaplayer) .mediaplayer .controls .control.infos.timer {
1681
+ white-space: nowrap;
1682
+ }
1643
1683
  html [data-useragent-browser=safari].writing-mode-vertical-rl .txt-underline,
1644
1684
  html [data-useragent-browser=safari].writing-mode-vertical-rl .txt-dashed,
1645
1685
  html [data-useragent-browser=safari] .writing-mode-vertical-rl .txt-underline,