haiwen/seahub
1
0
Fork 0
mirror of https://github.com/haiwen/seahub.git synced 2025-09-19 18:29:23 +00:00
Code Issues Releases Wiki Activity

change grid item cursor style (#7279)

Browse Source
This commit is contained in:
Michael An
2024-12-30 11:44:01 +08:00
committed by GitHub
parent 2ec770a90e
commit 8fabf1eee4
1 changed files with 12 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
frontend/src/components/dirent-grid-view/dirent-grid-item.js
View File

@@ -1,4 +1,4 @@
import React, { Fragment } from 'react'; import React from 'react';
import PropTypes from 'prop-types'; import PropTypes from 'prop-types';
import classnames from 'classnames'; import classnames from 'classnames';
import MD5 from 'MD5'; import MD5 from 'MD5';
@@ -296,8 +296,8 @@ class DirentGridItem extends React.Component {
}; };
render() { render() {
let { dirent } = this.state; let { dirent, isGridDropTipShow } = this.state;
let { is_freezed, is_locked, lock_owner_name, file_tags } = dirent; let { is_freezed, is_locked, lock_owner_name, file_tags, isSelected } = dirent;
let toolTipID = ''; let toolTipID = '';
let tagTitle = ''; let tagTitle = '';
if (file_tags && file_tags.length > 0) { if (file_tags && file_tags.length > 0) {
@@ -306,15 +306,16 @@ class DirentGridItem extends React.Component {
} }
const showName = this.getRenderedText(dirent); const showName = this.getRenderedText(dirent);
return ( return (
<Fragment> <>
<li <li
className={`grid-item ${dirent.isSelected ? 'grid-selected-active' : ''}`} className={classnames('grid-item cursor-pointer', { 'grid-selected-active': isSelected })}
onContextMenu={this.onGridItemContextMenu} onContextMenu={this.onGridItemContextMenu}
onMouseDown={this.onGridItemMouseDown}> onMouseDown={this.onGridItemMouseDown}
onClick={this.onItemClick}
>
<div <div
className={classnames('grid-file-img-link cursor-pointer', { 'grid-drop-show': this.state.isGridDropTipShow })} className={classnames('grid-file-img-link', { 'grid-drop-show': isGridDropTipShow })}
draggable={this.canDrag} draggable={this.canDrag}
onClick={this.onItemClick}
onDragStart={this.onGridItemDragStart} onDragStart={this.onGridItemDragStart}
onDragEnter={this.onGridItemDragEnter} onDragEnter={this.onGridItemDragEnter}
onDragOver={this.onGridItemDragOver} onDragOver={this.onGridItemDragOver}
@@ -336,7 +337,7 @@ class DirentGridItem extends React.Component {
</div> </div>
<div className="grid-file-name" onDragStart={this.onGridItemDragStart} draggable={this.canDrag} > <div className="grid-file-name" onDragStart={this.onGridItemDragStart} draggable={this.canDrag} >
{(dirent.type !== 'dir' && file_tags && file_tags.length > 0) && ( {(dirent.type !== 'dir' && file_tags && file_tags.length > 0) && (
<Fragment> <>
<div id={`tag-list-title-${toolTipID}`} className="dirent-item tag-list tag-list-stacked d-inline-block align-middle"> <div id={`tag-list-title-${toolTipID}`} className="dirent-item tag-list tag-list-stacked d-inline-block align-middle">
{file_tags.map((fileTag, index) => { {file_tags.map((fileTag, index) => {
let length = file_tags.length; let length = file_tags.length;
@@ -348,7 +349,7 @@ class DirentGridItem extends React.Component {
<UncontrolledTooltip target={`tag-list-title-${toolTipID}`} placement="bottom"> <UncontrolledTooltip target={`tag-list-title-${toolTipID}`} placement="bottom">
{tagTitle} {tagTitle}
</UncontrolledTooltip> </UncontrolledTooltip>
</Fragment> </>
)} )}
{(!dirent.isDir() && !this.canPreview) ? {(!dirent.isDir() && !this.canPreview) ?
<a <a
@@ -367,7 +368,7 @@ class DirentGridItem extends React.Component {
} }
</div> </div>
</li> </li>
</Fragment> </>
); );
} }
} }