Merge pull request #364 from ONLYOFFICE/bugfix/rtl-fixes

Bugfix/rtl fixes

packages/shared/components/context-menu/ContextMenu.styled.ts

@@ -261,6 +261,10 @@ const StyledContextMenu = styled.div<{
 
     -webkit-touch-callout: none;
 
+    @media ${tablet} {
+      padding: 0 16px;
+    }
+
     &:hover {
       background-color: ${(props) =>
         props.noHover
@@ -300,10 +304,11 @@ const StyledContextMenu = styled.div<{
   }
 
   .p-contextmenu .scroll-body .p-menuitem {
-    margin-right: ${(props) => `-${props.theme.scrollbar.paddingInlineEnd}`};
+    margin-inline-end: ${(props) =>
+      `-${props.theme.scrollbar.paddingInlineEnd}`};
 
     @media ${mobile} {
-      margin-right: ${(props) =>
+      margin-inline-end: ${(props) =>
         `-${props.theme.scrollbar.paddingInlineEndMobile}`};
     }
   }

packages/shared/components/filter/Filter.styled.ts

@@ -597,12 +597,7 @@ const StyledSortButton = styled.div<{ viewAs: TViewAs; isDesc: boolean }>`
       bottom: auto;
       min-width: 200px;
       margin-top: 3px;
-
-      ${isMobile &&
-      isIOS &&
-      css`
-        right: 48px;
-      `}
+      width: auto;
 
       .view-selector-item {
         display: flex;

packages/shared/components/navigation/Navigation.styled.ts

@@ -684,6 +684,7 @@ const StyledBox = styled.div<{
   @media ${mobile} {
     width: ${({ dropBoxWidth }) => `${dropBoxWidth}px`};
     padding-top: 10px !important;
+    inset-inline-start: 0;
   }
 `;