haiwen/seahub
1
0
Fork 0
mirror of https://github.com/haiwen/seahub.git synced 2025-09-03 16:10:26 +00:00
Code Issues Releases Wiki Activity

fix menu position (#6611)

Browse Source
This commit is contained in:
Michael An
2024-08-23 17:44:12 +08:00
committed by GitHub
parent b32b3fe904
commit 18a96ed607
3 changed files with 13 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
frontend/src/components/context-menu/context-menu.js
View File

@@ -14,6 +14,8 @@ const propTypes = {
getMenuContainerSize: PropTypes.func,
};
const MENU_BORDER_INDENT = 10;
class ContextMenu extends React.Component {
constructor(props) {
@@ -155,8 +157,12 @@ class ContextMenu extends React.Component {
innerHeight = parseFloat(containerSize.height);
}
if (y + rect.height > innerHeight) {
menuStyles.top -= rect.height;
if (y + rect.height > innerHeight - MENU_BORDER_INDENT) {
menuStyles.top = innerHeight - rect.height - MENU_BORDER_INDENT;
}
if (x + rect.width > innerWidth - MENU_BORDER_INDENT) {
menuStyles.left = innerWidth - rect.width - MENU_BORDER_INDENT;
}
if (menuStyles.left < 0) {
@@ -167,10 +173,6 @@ class ContextMenu extends React.Component {
menuStyles.top = rect.height < innerHeight ? (innerHeight - rect.height) / 2 : 0;
}
if (menuStyles.left + rect.width > innerWidth) {
menuStyles.left = innerWidth - rect.width;
}
return menuStyles;
};

3
frontend/src/components/dir-view-mode/dir-column-view.js
View File

@@ -129,7 +129,8 @@ class DirColumnView extends React.Component {
};
getMenuContainerSize = () => {
return window.getComputedStyle(this.viewModeContainer.current);
const { innerWidth, innerHeight } = window;
return { width: innerWidth, height: innerHeight };
};
render() {