Web: Files: Public-room: fixed styles

packages/common/components/Loaders/ContextMenuLoader/ContextMenuLoader.js

@@ -1,7 +1,7 @@
 import React from "react";
 import PropTypes from "prop-types";
 import { desktop, isDesktop } from "@docspace/components/utils/device";
-import { StyledContextMenuLoader } from "./StyledRowLoader";
+import { StyledContextMenuLoader } from "./StyledContextMenuLoader";
 import RectangleLoader from "../RectangleLoader";
 
 const ContextMenuLoader = ({ id, className, style, isRectangle, ...rest }) => {
@@ -34,7 +34,7 @@ const ContextMenuLoader = ({ id, className, style, isRectangle, ...rest }) => {
         animate={animate}
       />
       <RectangleLoader
-        className="first-row-content__mobile"
+        className="context-menu-rectangle"
         title={title}
         width={isDesktopView ? "97px" : "102px"}
         height={isDesktopView ? "16px" : "20px"}

packages/common/components/Loaders/ContextMenuLoader/StyledContextMenuLoader.js

@@ -11,9 +11,14 @@ const StyledContextMenuLoader = styled.div`
   align-items: center;
 
   @media ${tablet} {
-    padding: 4px 12px 4px 4px;
+    padding: 4px 12px 4px 16px;
     grid-column-gap: 0px;
   }
+
+  .context-menu-rectangle {
+    margin-right: auto;
+    margin-left: 8px;
+  }
 `;
 
 export { StyledContextMenuLoader };

public/images/arrow-left.react.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M1.29289 7.29004C0.902369 7.68056 0.902369 8.31373 1.29289 8.70425L6.29289 13.7043L7.70711 12.29L4.41421 8.99715L14 8.99715L14 6.99715L4.41421 6.99715L7.70711 3.70425L6.29289 2.29004L1.29289 7.29004Z" fill="#A3A9AE"/>
+</svg>