@oat-sa/tao-core-ui 3.18.2 → 3.18.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/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.3",
4
4
  "displayName": "TAO Core UI",
5
5
  "description": "UI libraries of TAO",
6
6
  "scripts": {
@@ -685,6 +685,38 @@ body {
685
685
  }
686
686
  }
687
687
 
688
+ .qti-item .writing-mode-vertical-rl .media-container,
689
+ .qti-item .writing-mode-vertical-rl .qti-object-container.previewer:has(.mediaplayer) {
690
+ writing-mode: horizontal-tb;
691
+ direction: rtl;
692
+
693
+ .mediaplayer .controls {
694
+ display: inline-block;
695
+ width: 100%;
696
+
697
+ .bar {
698
+ display: flex;
699
+ width: 100%;
700
+ align-items: center;
701
+ }
702
+ }
703
+
704
+ .mediaplayer .controls .control {
705
+ display: block;
706
+
707
+ &.actions .action{
708
+ position: relative;
709
+ top: 3px;
710
+ }
711
+ &.seek {
712
+ width: 100%;
713
+ }
714
+ &.infos.timer {
715
+ white-space: nowrap;
716
+ }
717
+ }
718
+ }
719
+
688
720
  [data-useragent-browser='safari'] {
689
721
  &.writing-mode-vertical-rl,
690
722
  .writing-mode-vertical-rl {
package/src/css/basic.css CHANGED
@@ -1640,6 +1640,39 @@ html .writing-mode-vertical-rl .writing-mode-horizontal-tb ruby rt > .txt-underl
1640
1640
  left: auto;
1641
1641
  }
1642
1642
 
1643
+ html .qti-item .writing-mode-vertical-rl .media-container,
1644
+ html .qti-item .writing-mode-vertical-rl .qti-object-container.previewer:has(.mediaplayer) {
1645
+ writing-mode: horizontal-tb;
1646
+ direction: rtl;
1647
+ }
1648
+ html .qti-item .writing-mode-vertical-rl .media-container .mediaplayer .controls,
1649
+ html .qti-item .writing-mode-vertical-rl .qti-object-container.previewer:has(.mediaplayer) .mediaplayer .controls {
1650
+ display: inline-block;
1651
+ width: 100%;
1652
+ }
1653
+ html .qti-item .writing-mode-vertical-rl .media-container .mediaplayer .controls .bar,
1654
+ html .qti-item .writing-mode-vertical-rl .qti-object-container.previewer:has(.mediaplayer) .mediaplayer .controls .bar {
1655
+ display: flex;
1656
+ width: 100%;
1657
+ align-items: center;
1658
+ }
1659
+ html .qti-item .writing-mode-vertical-rl .media-container .mediaplayer .controls .control,
1660
+ html .qti-item .writing-mode-vertical-rl .qti-object-container.previewer:has(.mediaplayer) .mediaplayer .controls .control {
1661
+ display: block;
1662
+ }
1663
+ html .qti-item .writing-mode-vertical-rl .media-container .mediaplayer .controls .control.actions .action,
1664
+ html .qti-item .writing-mode-vertical-rl .qti-object-container.previewer:has(.mediaplayer) .mediaplayer .controls .control.actions .action {
1665
+ position: relative;
1666
+ top: 3px;
1667
+ }
1668
+ html .qti-item .writing-mode-vertical-rl .media-container .mediaplayer .controls .control.seek,
1669
+ html .qti-item .writing-mode-vertical-rl .qti-object-container.previewer:has(.mediaplayer) .mediaplayer .controls .control.seek {
1670
+ width: 100%;
1671
+ }
1672
+ html .qti-item .writing-mode-vertical-rl .media-container .mediaplayer .controls .control.infos.timer,
1673
+ html .qti-item .writing-mode-vertical-rl .qti-object-container.previewer:has(.mediaplayer) .mediaplayer .controls .control.infos.timer {
1674
+ white-space: nowrap;
1675
+ }
1643
1676
  html [data-useragent-browser=safari].writing-mode-vertical-rl .txt-underline,
1644
1677
  html [data-useragent-browser=safari].writing-mode-vertical-rl .txt-dashed,
1645
1678
  html [data-useragent-browser=safari] .writing-mode-vertical-rl .txt-underline,