Fix the text color and RTL handling

kommunarr · Aug 12, 2024 · 64aec23 · 64aec23
1 parent 704e49e
commit 64aec23
Showing 1 changed file with 3 additions and 9 deletions.
diff --git a/src/renderer/components/ft-shaka-video-player/ft-shaka-video-player.css b/src/renderer/components/ft-shaka-video-player/ft-shaka-video-player.css
@@ -68,24 +68,18 @@
 .offlineWrapper {
   position: absolute;
   top: 20px;
-  right: 20px;
-  margin-left: 20px;
+  inset-inline-end: 20px;
+  margin-inline-start: 20px;
   display: flex;
   flex-direction: row;
   gap: 10px;
   align-items: center;
   background-color: #000;
+  color: #fff;
   padding: 10px;
   border-radius: 10px;
 }
 
-:global(body[dir='rtl'] .offlineWrapper) {
-  right: initial;
-  margin-left: initial;
-  left: 20px;
-  margin-right: 20px;
-}
-
 .offlineIcon {
   font-size: 30px;
 }