Fix dropdown position when in RTL

firefox-devtools · Feb 26, 2017 · 335f1df · 335f1df
1 parent cc08ccd
commit 335f1df
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/src/components/shared/Dropdown.css b/src/components/shared/Dropdown.css
@@ -1,15 +1,20 @@
 .dropdown {
+  --width: 150px;
   background: var(--theme-body-background);
   border: 1px solid var(--theme-splitter-color);
   box-shadow: 0 4px 4px 0 var(--theme-search-overlays-semitransparent);
   max-height: 300px;
   position: absolute;
-  offset-inline-end: 8px;
+  right: 8px;
   top: 35px;
-  width: 150px;
+  width: var(--width);
   z-index: 1000;
 }
 
+html[dir="rtl"] .dropdown {
+  right: calc((var(--width) - 11px) * (-1));
+}
+
 .dropdown-block {
   padding: 0px 2px;
   position: relative;