refactor: move whiteboard options button to right (bigbluebutton#21779)

antonbsa · Nov 28, 2024 · 731e7b8 · 731e7b8
1 parent f7eb194
commit 731e7b8
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 13 deletions.
diff --git a/bigbluebutton-html5/imports/ui/components/presentation/presentation-menu/component.jsx b/bigbluebutton-html5/imports/ui/components/presentation/presentation-menu/component.jsx
@@ -457,7 +457,7 @@ const PresentationMenu = (props) => {
   }
 
   return (
-    <Styled.Left id="WhiteboardOptionButton">
+    <Styled.Right id="WhiteboardOptionButton">
       <BBBMenu
         trigger={(
           <TooltipContainer title={intl.formatMessage(intlMessages.optionsLabel)}>
@@ -493,7 +493,7 @@ const PresentationMenu = (props) => {
         style={{ display: 'none' }}
         onChange={handleFileInput}
       />
-    </Styled.Left>
+    </Styled.Right>
   );
 };
 

diff --git a/bigbluebutton-html5/imports/ui/components/presentation/presentation-menu/styles.js b/bigbluebutton-html5/imports/ui/components/presentation/presentation-menu/styles.js
@@ -4,7 +4,6 @@ import { headingsFontWeight } from '/imports/ui/stylesheets/styled-components/ty
 import {
   colorDanger,
   colorGray,
-  colorGrayDark,
   colorSuccess,
   colorGrayLightest,
   colorOffWhite,
@@ -37,21 +36,19 @@ const DropdownButton = styled.button`
   }
 `;
 
-const Left = styled.div`
+const Right = styled.div`
   cursor: pointer;
   position: absolute;
-  left: 2px;
+  right: 2px;
   top: 2px;
   z-index: 999;
-
   > div {
     width: 50px;
     height: 40px;
     display: flex;
     align-items: center;
     justify-content: center;
   }
-
   button {
     height: 100%;
     width: 100%;
@@ -60,12 +57,11 @@ const Left = styled.div`
     justify-content: center;
   }
 
-  [dir="rtl"] & {
-    right: 2px;
-    left: auto;
-  }
+  [dir="rtl"] &{
+      left: 2px;
+      right: auto;
+    }
 `;
-
 const ToastText = styled.span`
   overflow: hidden;
   text-overflow: ellipsis;
@@ -146,7 +142,7 @@ const ButtonIcon = styled(Icon)`
 
 export default {
   DropdownButton,
-  Left,
+  Right,
   ToastText,
   StatusIcon,
   ToastIcon,

diff --git a/bigbluebutton-html5/imports/ui/components/whiteboard/styles.js b/bigbluebutton-html5/imports/ui/components/whiteboard/styles.js
@@ -60,6 +60,10 @@ const TldrawV2GlobalStyle = createGlobalStyle`
     width: auto !important;
   }
 
+  .tlui-popover__content {
+    left: -50px !important;
+  }
+
   ${({ isPresenter, isMultiUserActive }) => !isPresenter && !isMultiUserActive && `
     .tl-cursor use {
       transform: scale(0.05)!important;