@oat-sa/tao-core-ui 3.18.6 → 3.18.7

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@oat-sa/tao-core-ui",
-    "version": "3.18.6",
+    "version": "3.18.7",
     "displayName": "TAO Core UI",
     "description": "UI libraries of TAO",
     "scripts": {

package/scss/inc/_base.scss

@@ -673,25 +673,31 @@ body {
         }
     }
 
-    ruby rb:has(.txt-wavy) + rt {
-        @include writing-mode-vertical-rl {
-            position: relative;
-            left: 5px;
-        }
-        @include writing-mode-horizontal-tb {
-            position: relative;
-            left: auto;
+    &.writing-mode-vertical-rl,
+    .writing-mode-vertical-rl {
+        ruby {
+            rb:has(.txt-wavy) + rt {
+                position: relative;
+                left: 5px;
+            }
+            rb:has(.txt-underline, .txt-dashed) + rt {
+                position: relative;
+                left: 2px;
+            }
         }
     }
 
-    ruby rb:has(.txt-underline, .txt-dashed) + rt {
-        @include writing-mode-vertical-rl {
-            position: relative;
-            left: 2px;
-        }
-        @include writing-mode-horizontal-tb {
-            position: relative;
-            left: auto;
+    &.writing-mode-horizontal-tb,
+    .writing-mode-horizontal-tb {
+        ruby {
+            rb:has(.txt-wavy) + rt {
+                position: relative;
+                left: auto;
+            }
+            rb:has(.txt-underline, .txt-dashed) + rt {
+                position: relative;
+                left: auto;
+            }
         }
     }
 
@@ -776,7 +782,7 @@ body {
                 left: 0;
             }
         }
-        &,
+        &.writing-mode-horizontal-tb,
         .writing-mode-horizontal-tb {
             .txt-underline,
             .txt-dashed {

package/src/css/basic.css

@@ -1619,34 +1619,26 @@ html .writing-mode-vertical-rl .writing-mode-horizontal-tb .txt-wavy ruby rt {
   inset-block-start: auto;
 }
 
+html.writing-mode-vertical-rl ruby rb:has(.txt-wavy) + rt,
 html .writing-mode-vertical-rl ruby rb:has(.txt-wavy) + rt {
   position: relative;
   left: 5px;
 }
-
-html ruby rb:has(.txt-wavy) + rt {
-  position: relative;
-  left: auto;
-}
-html .writing-mode-vertical-rl .writing-mode-horizontal-tb ruby rb:has(.txt-wavy) + rt {
-  position: relative;
-  left: auto;
-}
-
+html.writing-mode-vertical-rl ruby rb:has(.txt-underline, .txt-dashed) + rt,
 html .writing-mode-vertical-rl ruby rb:has(.txt-underline, .txt-dashed) + rt {
   position: relative;
   left: 2px;
 }
-
-html ruby rb:has(.txt-underline, .txt-dashed) + rt {
+html.writing-mode-horizontal-tb ruby rb:has(.txt-wavy) + rt,
+html .writing-mode-horizontal-tb ruby rb:has(.txt-wavy) + rt {
   position: relative;
   left: auto;
 }
-html .writing-mode-vertical-rl .writing-mode-horizontal-tb ruby rb:has(.txt-underline, .txt-dashed) + rt {
+html.writing-mode-horizontal-tb ruby rb:has(.txt-underline, .txt-dashed) + rt,
+html .writing-mode-horizontal-tb ruby rb:has(.txt-underline, .txt-dashed) + rt {
   position: relative;
   left: auto;
 }
-
 html .qti-item .writing-mode-vertical-rl .media-container,
 html .qti-item .writing-mode-vertical-rl .qti-object-container.previewer:has(.mediaplayer) {
   writing-mode: horizontal-tb;
@@ -1723,13 +1715,13 @@ html [data-useragent-browser=safari].writing-mode-vertical-rl ruby rb:has(.txt-w
 html [data-useragent-browser=safari] .writing-mode-vertical-rl ruby rb:has(.txt-wavy) + rt {
   left: 0;
 }
-html [data-useragent-browser=safari] .txt-underline,
-html [data-useragent-browser=safari] .txt-dashed,
+html [data-useragent-browser=safari].writing-mode-horizontal-tb .txt-underline,
+html [data-useragent-browser=safari].writing-mode-horizontal-tb .txt-dashed,
 html [data-useragent-browser=safari] .writing-mode-horizontal-tb .txt-underline,
 html [data-useragent-browser=safari] .writing-mode-horizontal-tb .txt-dashed {
   text-underline-offset: auto;
 }
-html [data-useragent-browser=safari] ruby rb:has(.txt-wavy, .txt-underline, .txt-dashed) + rt,
+html [data-useragent-browser=safari].writing-mode-horizontal-tb ruby rb:has(.txt-wavy, .txt-underline, .txt-dashed) + rt,
 html [data-useragent-browser=safari] .writing-mode-horizontal-tb ruby rb:has(.txt-wavy, .txt-underline, .txt-dashed) + rt {
   left: auto;
 }