diff --git a/components/system/components/GlobalCarousel/jumpers/EditInfo.js b/components/system/components/GlobalCarousel/jumpers/EditInfo.js index a4c7318d..ca2950f7 100644 --- a/components/system/components/GlobalCarousel/jumpers/EditInfo.js +++ b/components/system/components/GlobalCarousel/jumpers/EditInfo.js @@ -180,7 +180,7 @@ export function EditInfoMobile({ file, withDismissButton, onClose }) { return ( - + diff --git a/components/system/components/GlobalCarousel/jumpers/EditSlates.js b/components/system/components/GlobalCarousel/jumpers/EditSlates.js index 411b15b3..a5ca6b03 100644 --- a/components/system/components/GlobalCarousel/jumpers/EditSlates.js +++ b/components/system/components/GlobalCarousel/jumpers/EditSlates.js @@ -319,7 +319,7 @@ const STYLES_SEARCH_SLATES_COLOR = (theme) => css` color: ${theme.semantic.textGrayDark}; `; -function ComboboxSlatesInput({ appliedSlates, removeFileFromSlate, ...props }) { +function ComboboxSlatesInput({ appliedSlates, removeFileFromSlate, style, ...props }) { const reverseAppliedSlates = React.useMemo(() => [...appliedSlates].reverse(), [appliedSlates]); return ( @@ -328,7 +328,7 @@ function ComboboxSlatesInput({ appliedSlates, removeFileFromSlate, ...props }) { {reverseAppliedSlates.map((slate, idx) => ( @@ -740,7 +740,9 @@ export function EditSlates({ file, viewer, onClose, ...props }) { appliedSlates={filteredSlates.applied} removeFileFromSlate={removeFileFromSlate} onChange={handleInputChange} + style={{ paddingRight: 24 }} /> + @@ -783,7 +785,7 @@ export function EditSlatesMobile({ file, viewer, onClose }) { - + - + diff --git a/components/system/components/GlobalCarousel/jumpers/Share.js b/components/system/components/GlobalCarousel/jumpers/Share.js index af921fb5..117600c7 100644 --- a/components/system/components/GlobalCarousel/jumpers/Share.js +++ b/components/system/components/GlobalCarousel/jumpers/Share.js @@ -174,7 +174,7 @@ export function ShareMobile({ file, data, viewer, onClose }) { return ( - + diff --git a/components/system/components/fragments/Jumper.js b/components/system/components/fragments/Jumper.js index 81e627f5..83f8e59d 100644 --- a/components/system/components/fragments/Jumper.js +++ b/components/system/components/fragments/Jumper.js @@ -2,6 +2,7 @@ import * as React from "react"; import * as System from "~/components/system"; import * as Styles from "~/common/styles"; import * as SVG from "~/common/svg"; +import * as Tooltip from "~/components/system/components/fragments/Tooltip"; import { ModalPortal } from "~/components/core/ModalPortal"; import { css } from "@emotion/react"; @@ -121,14 +122,29 @@ const Dismiss = React.forwardRef(({ css, ...props }, ref) => { const { onClose } = useJumperContext(); return ( - - - + + + + + + + + + Close jumper + + + Esc + + + ); });