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

change resize bar z-index (#6462)

Browse Source
This commit is contained in:
Michael An
2024-08-02 12:37:58 +08:00
committed by GitHub
parent e099dee576
commit f50ba4c5f9
4 changed files with 4 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
frontend/src/components/resize-bar/index.css
View File

@@ -3,7 +3,6 @@
width: 6px; width: 6px;
position: absolute; position: absolute;
top: 0; top: 0;
z-index: 8;
opacity: 0; opacity: 0;
transition-duration: .2s; transition-duration: .2s;
transition-property: opacity; transition-property: opacity;

3
frontend/src/components/resize-bar/index.js
View File

@@ -1,5 +1,6 @@
import React from 'react'; import React from 'react';
import PropTypes from 'prop-types'; import PropTypes from 'prop-types';
import { RESIZE_BAR } from '../../constants/zIndexes';
import './index.css'; import './index.css';
function ResizeBar(props) { function ResizeBar(props) {
@@ -7,7 +8,7 @@ function ResizeBar(props) {
<div <div
className="resize-bar" className="resize-bar"
ref={props.resizeBarRef} ref={props.resizeBarRef}
style={props.resizeBarStyle} style={Object.assign({ zIndex: RESIZE_BAR }, props.resizeBarStyle)}
onMouseDown={props.onResizeMouseDown} onMouseDown={props.onResizeMouseDown}
onMouseOver={props.onResizeMouseOver} onMouseOver={props.onResizeMouseOver}
> >

2
frontend/src/constants/zIndexes.js
View File

@@ -1 +1,3 @@
export const RESIZE_BAR = 2;
export const EXTRA_ATTRIBUTES_DIALOG_MODAL = 1048; export const EXTRA_ATTRIBUTES_DIALOG_MODAL = 1048;

7
frontend/src/metadata/metadata-view/components/table/index.css
View File

@@ -422,13 +422,6 @@
transform: translateZ(10px); transform: translateZ(10px);
} }
.table-header-top {
z-index: 7;
transform: translateZ(1000px);
height: 10px;
background-color: #f5f5f5;
}
.sf-metadata-result-table .group-header-left .formatter-show { .sf-metadata-result-table .group-header-left .formatter-show {
display: inline-flex; display: inline-flex;
flex: 1; flex: 1;