fix position of bubble in gallery to consider RTL

ui/file_manager/gallery/css/gallery.css

Index: ui/file_manager/gallery/css/gallery.css
diff --git a/ui/file_manager/gallery/css/gallery.css b/ui/file_manager/gallery/css/gallery.css
index 7359948709247535a44cc562444f4d41c720c754..f26d53b8b2d3bae69acae42b78f6496b492b5c07 100644
--- a/ui/file_manager/gallery/css/gallery.css
+++ b/ui/file_manager/gallery/css/gallery.css
@@ -40,6 +40,12 @@ button:focus {
   width: 17px;
 }
 
+html[dir='rtl'] .bubble .pointer {
+  margin: 0 -5px 0 0;
+  left: auto;
+  right: 24px;
+}
+
 .bubble .pointer:not(.bottom) {
   top: -11px;
 }
@@ -61,6 +67,11 @@ button:focus {
   width: 21px;
 }
 
+html[dir='rtl'] .bubble .close-x {
+  right: auto;
+  left: 3px;
+}
+
 .bubble .close-x:hover {
   opacity: 0.7;
 }
@@ -360,6 +371,11 @@ files-toggle-ripple::shadow .ripple.activated {
   width: 220px;
 }
 
+html[dir='rtl'] .gallery .toolbar .bubble {
+  left: auto;
+  right: 20px;
+}
+
 .gallery:not([editing]) .toolbar .bubble {
   display: none;
 }