work

atelier-saulx · Nov 21, 2024 · f470a80 · f470a80
1 parent c614349
commit f470a80
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 9 deletions.
diff --git a/src/components/RichTextEditor/Toolbar.tsx b/src/components/RichTextEditor/Toolbar.tsx
@@ -195,6 +195,20 @@ export function Toolbar({ onOpenChange }: ToolbarProps) {
         borderBottom: `1px solid ${colors.neutral20Adjusted}`,
       }}
     >
+      <Button
+        size="small"
+        leadIcon="arrow-left"
+        variant="ghost"
+        onClick={() => {
+          onOpenChange(false)
+        }}
+        keyHint="Esc"
+        tooltip="Close editor"
+        keyHintPlacement="tooltip"
+      >
+        Back
+      </Button>
+      <Separator />
       <Menu>
         <Menu.Trigger>
           {({ open }) => (
@@ -493,7 +507,6 @@ export function Toolbar({ onOpenChange }: ToolbarProps) {
           justifyContent: 'center',
           alignItems: 'center',
           marginLeft: 'auto',
-          gap: 2,
         }}
       >
         <Menu>
@@ -531,13 +544,6 @@ export function Toolbar({ onOpenChange }: ToolbarProps) {
             </Menu.ToggleItem>
           </Menu.Items>
         </Menu>
-        <IconButton
-          size="small"
-          icon="full-screen-off"
-          onClick={() => {
-            onOpenChange(false)
-          }}
-        />
       </div>
     </div>
   )

diff --git a/src/components/RichTextEditor/index.tsx b/src/components/RichTextEditor/index.tsx
@@ -244,7 +244,7 @@ function RichTextEditor({
   return (
     <div
       style={{
-        position: 'absolute',
+        position: 'fixed',
         inset: 0,
         background: colors.neutralInverted100,
         zIndex: 3,