@oat-sa/tao-core-ui 3.18.1 → 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 +1 -1
- package/scss/inc/_base.scss +72 -0
- package/src/css/basic.css +73 -0
- package/src/css/basic.css.map +1 -1
package/package.json
CHANGED
package/scss/inc/_base.scss
CHANGED
|
@@ -647,6 +647,7 @@ body {
|
|
|
647
647
|
}
|
|
648
648
|
}
|
|
649
649
|
}
|
|
650
|
+
|
|
650
651
|
.txt-wavy {
|
|
651
652
|
ruby rt {
|
|
652
653
|
position: relative;
|
|
@@ -659,6 +660,63 @@ body {
|
|
|
659
660
|
}
|
|
660
661
|
}
|
|
661
662
|
|
|
663
|
+
ruby rt {
|
|
664
|
+
& > .txt-wavy {
|
|
665
|
+
@include writing-mode-vertical-rl {
|
|
666
|
+
position: relative;
|
|
667
|
+
left: 5px;
|
|
668
|
+
}
|
|
669
|
+
@include writing-mode-horizontal-tb {
|
|
670
|
+
position: relative;
|
|
671
|
+
left: auto;
|
|
672
|
+
}
|
|
673
|
+
}
|
|
674
|
+
|
|
675
|
+
& > .txt-underline,
|
|
676
|
+
& > .txt-dashed {
|
|
677
|
+
@include writing-mode-vertical-rl {
|
|
678
|
+
position: relative;
|
|
679
|
+
left: 2px;
|
|
680
|
+
}
|
|
681
|
+
@include writing-mode-horizontal-tb {
|
|
682
|
+
position: relative;
|
|
683
|
+
left: auto;
|
|
684
|
+
}
|
|
685
|
+
}
|
|
686
|
+
}
|
|
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
|
+
|
|
662
720
|
[data-useragent-browser='safari'] {
|
|
663
721
|
&.writing-mode-vertical-rl,
|
|
664
722
|
.writing-mode-vertical-rl {
|
|
@@ -666,6 +724,13 @@ body {
|
|
|
666
724
|
.txt-dashed {
|
|
667
725
|
text-underline-offset: -0.1em;
|
|
668
726
|
}
|
|
727
|
+
ruby rt {
|
|
728
|
+
& > .txt-wavy,
|
|
729
|
+
& > .txt-underline,
|
|
730
|
+
& > .txt-dashed {
|
|
731
|
+
left: 0;
|
|
732
|
+
}
|
|
733
|
+
}
|
|
669
734
|
}
|
|
670
735
|
&,
|
|
671
736
|
.writing-mode-horizontal-tb {
|
|
@@ -673,6 +738,13 @@ body {
|
|
|
673
738
|
.txt-dashed {
|
|
674
739
|
text-underline-offset: auto;
|
|
675
740
|
}
|
|
741
|
+
ruby rt {
|
|
742
|
+
& > .txt-wavy,
|
|
743
|
+
& > .txt-underline,
|
|
744
|
+
& > .txt-dashed {
|
|
745
|
+
left: auto;
|
|
746
|
+
}
|
|
747
|
+
}
|
|
676
748
|
}
|
|
677
749
|
}
|
|
678
750
|
|
package/src/css/basic.css
CHANGED
|
@@ -1612,18 +1612,91 @@ html .writing-mode-vertical-rl .writing-mode-horizontal-tb .txt-wavy ruby rt {
|
|
|
1612
1612
|
inset-block-start: auto;
|
|
1613
1613
|
}
|
|
1614
1614
|
|
|
1615
|
+
html .writing-mode-vertical-rl ruby rt > .txt-wavy {
|
|
1616
|
+
position: relative;
|
|
1617
|
+
left: 5px;
|
|
1618
|
+
}
|
|
1619
|
+
|
|
1620
|
+
html ruby rt > .txt-wavy {
|
|
1621
|
+
position: relative;
|
|
1622
|
+
left: auto;
|
|
1623
|
+
}
|
|
1624
|
+
html .writing-mode-vertical-rl .writing-mode-horizontal-tb ruby rt > .txt-wavy {
|
|
1625
|
+
position: relative;
|
|
1626
|
+
left: auto;
|
|
1627
|
+
}
|
|
1628
|
+
|
|
1629
|
+
html .writing-mode-vertical-rl ruby rt > .txt-underline, html .writing-mode-vertical-rl ruby rt > .txt-dashed {
|
|
1630
|
+
position: relative;
|
|
1631
|
+
left: 2px;
|
|
1632
|
+
}
|
|
1633
|
+
|
|
1634
|
+
html ruby rt > .txt-underline, html ruby rt > .txt-dashed {
|
|
1635
|
+
position: relative;
|
|
1636
|
+
left: auto;
|
|
1637
|
+
}
|
|
1638
|
+
html .writing-mode-vertical-rl .writing-mode-horizontal-tb ruby rt > .txt-underline, html .writing-mode-vertical-rl .writing-mode-horizontal-tb ruby rt > .txt-dashed {
|
|
1639
|
+
position: relative;
|
|
1640
|
+
left: auto;
|
|
1641
|
+
}
|
|
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
|
+
}
|
|
1615
1676
|
html [data-useragent-browser=safari].writing-mode-vertical-rl .txt-underline,
|
|
1616
1677
|
html [data-useragent-browser=safari].writing-mode-vertical-rl .txt-dashed,
|
|
1617
1678
|
html [data-useragent-browser=safari] .writing-mode-vertical-rl .txt-underline,
|
|
1618
1679
|
html [data-useragent-browser=safari] .writing-mode-vertical-rl .txt-dashed {
|
|
1619
1680
|
text-underline-offset: -0.1em;
|
|
1620
1681
|
}
|
|
1682
|
+
html [data-useragent-browser=safari].writing-mode-vertical-rl ruby rt > .txt-wavy, html [data-useragent-browser=safari].writing-mode-vertical-rl ruby rt > .txt-underline, html [data-useragent-browser=safari].writing-mode-vertical-rl ruby rt > .txt-dashed,
|
|
1683
|
+
html [data-useragent-browser=safari] .writing-mode-vertical-rl ruby rt > .txt-wavy,
|
|
1684
|
+
html [data-useragent-browser=safari] .writing-mode-vertical-rl ruby rt > .txt-underline,
|
|
1685
|
+
html [data-useragent-browser=safari] .writing-mode-vertical-rl ruby rt > .txt-dashed {
|
|
1686
|
+
left: 0;
|
|
1687
|
+
}
|
|
1621
1688
|
html [data-useragent-browser=safari] .txt-underline,
|
|
1622
1689
|
html [data-useragent-browser=safari] .txt-dashed,
|
|
1623
1690
|
html [data-useragent-browser=safari] .writing-mode-horizontal-tb .txt-underline,
|
|
1624
1691
|
html [data-useragent-browser=safari] .writing-mode-horizontal-tb .txt-dashed {
|
|
1625
1692
|
text-underline-offset: auto;
|
|
1626
1693
|
}
|
|
1694
|
+
html [data-useragent-browser=safari] ruby rt > .txt-wavy, html [data-useragent-browser=safari] ruby rt > .txt-underline, html [data-useragent-browser=safari] ruby rt > .txt-dashed,
|
|
1695
|
+
html [data-useragent-browser=safari] .writing-mode-horizontal-tb ruby rt > .txt-wavy,
|
|
1696
|
+
html [data-useragent-browser=safari] .writing-mode-horizontal-tb ruby rt > .txt-underline,
|
|
1697
|
+
html [data-useragent-browser=safari] .writing-mode-horizontal-tb ruby rt > .txt-dashed {
|
|
1698
|
+
left: auto;
|
|
1699
|
+
}
|
|
1627
1700
|
html .txt-combine-upright-all {
|
|
1628
1701
|
text-combine-upright: all;
|
|
1629
1702
|
}
|