Shared: MediaViewer: Lock viewer in LTR besides top panel
This commit is contained in:
parent
1c37431e5e
commit
4518c501b4
@ -88,6 +88,7 @@ export const StyledButtonScroll = styled.div<StyledButtonScrollProps>`
|
|||||||
`;
|
`;
|
||||||
|
|
||||||
export const StyledMobileDetails = styled.div`
|
export const StyledMobileDetails = styled.div`
|
||||||
|
direction: ${({ theme }) => theme.interfaceDirection};
|
||||||
z-index: 307;
|
z-index: 307;
|
||||||
position: fixed;
|
position: fixed;
|
||||||
top: 0;
|
top: 0;
|
||||||
@ -112,6 +113,8 @@ export const StyledMobileDetails = styled.div`
|
|||||||
position: fixed;
|
position: fixed;
|
||||||
inset-inline-start: 21px;
|
inset-inline-start: 21px;
|
||||||
top: 22px;
|
top: 22px;
|
||||||
|
${({ theme }) =>
|
||||||
|
theme.interfaceDirection === "rtl" && "transform: scaleX(-1);"};
|
||||||
}
|
}
|
||||||
|
|
||||||
.mobile-context {
|
.mobile-context {
|
||||||
@ -205,6 +208,7 @@ export const StyledViewerContainer = styled.div<StyledViewerContainerProps>`
|
|||||||
position: fixed;
|
position: fixed;
|
||||||
top: 13px;
|
top: 13px;
|
||||||
inset-inline-end: 12px;
|
inset-inline-end: 12px;
|
||||||
|
${({ theme }) => (theme.interfaceDirection === "rtl" ? `left` : ``)}
|
||||||
height: 17px;
|
height: 17px;
|
||||||
&:hover {
|
&:hover {
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
|
@ -27,6 +27,7 @@
|
|||||||
import styled from "styled-components";
|
import styled from "styled-components";
|
||||||
|
|
||||||
export const DesktopDetailsContainer = styled.div`
|
export const DesktopDetailsContainer = styled.div`
|
||||||
|
direction: ${({ theme }) => theme.interfaceDirection};
|
||||||
padding-top: 21px;
|
padding-top: 21px;
|
||||||
height: 64px;
|
height: 64px;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
@ -229,7 +229,7 @@ export const Viewer = (props: ViewerProps) => {
|
|||||||
playlistFile.fileExst === ".tiff" || playlistFile.fileExst === ".tif";
|
playlistFile.fileExst === ".tiff" || playlistFile.fileExst === ".tif";
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<StyledViewerContainer visible={visible}>
|
<StyledViewerContainer dir="ltr" visible={visible}>
|
||||||
{!isFullscreen && !isMobile && panelVisible && !isPdf && (
|
{!isFullscreen && !isMobile && panelVisible && !isPdf && (
|
||||||
<DesktopDetails
|
<DesktopDetails
|
||||||
title={title}
|
title={title}
|
||||||
|
@ -99,7 +99,7 @@ const ViewerWrapper = memo(
|
|||||||
directionY="top"
|
directionY="top"
|
||||||
withBackdrop={false}
|
withBackdrop={false}
|
||||||
isDefaultMode={false}
|
isDefaultMode={false}
|
||||||
directionX={isRtl ? "left" : "right"}
|
directionX="right"
|
||||||
manualY={`${bottom ?? 63}px`}
|
manualY={`${bottom ?? 63}px`}
|
||||||
manualX={`${right ?? -31}px`}
|
manualX={`${right ?? -31}px`}
|
||||||
>
|
>
|
||||||
|
Loading…
Reference in New Issue
Block a user