imterah/element-portable
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Use CSS var in JS

Browse source 
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
This commit is contained in:
Šimon Brandner 2021-09-21 17:34:50 +02:00
parent f5d8bb7cbe
commit 499b470d07
No known key found for this signature in database
GPG key ID: 55C211A1226CB17D
2 changed files with 11 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

8
src/components/views/elements/ImageView.tsx
View file

@ -46,7 +46,11 @@ const ZOOM_COEFFICIENT = 0.0025;
const ZOOM_DISTANCE = 10;
// Height of mx_ImageView_panel
const PANEL_HEIGHT = 68;
const getPanelHeight = (): number => {
const value = getComputedStyle(document.documentElement).getPropertyValue("--image-view-panel-height");
// Return the value as a number without the unit
return parseInt(value.slice(0, value.length - 2));
};
interface IProps extends IDialogProps {
src: string; // the source of the image being displayed
@ -103,7 +107,7 @@ export default class ImageView extends React.Component<IProps, IState> {
thumbnailInfo?.positionY +
(thumbnailInfo?.height / 2) -
(UIStore.instance.windowHeight / 2) -
(PANEL_HEIGHT / 2)
(getPanelHeight() / 2)
) ?? 0,
moving: false,
contextMenuDisplayed: false,