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

fix expand icon tooltip (#8090)

Browse Source 
Co-authored-by: zhouwenxuan <aries@Mac.local>
This commit is contained in:
Aries
2025-07-31 10:55:02 +08:00
committed by GitHub
parent b1e7566598
commit dd1ddfe710
2 changed files with 17 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
frontend/src/metadata/views/table/table-main/records/record/actions-cell/index.css
View File

@@ -35,12 +35,7 @@
display: none !important;
}
.sf-metadata-result-table-row .sf-metadata-result-table-cell.actions-cell #expand {
display: none;
color: #467fcf;
}
.sf-metadata-result-table-row:hover .sf-metadata-result-table-cell.actions-cell #expand {
.sf-metadata-result-table-row:hover .sf-metadata-result-table-cell.actions-cell .row-expand {
width: 20px;
height: 20px;
display: flex;
@@ -49,6 +44,15 @@
border-radius: 50%;
}
.sf-metadata-result-table-row .sf-metadata-result-table-cell.actions-cell #expand:hover {
.sf-metadata-result-table-row:hover .sf-metadata-result-table-cell.actions-cell .row-expand .row-expand-icon {
display: block;
}
.sf-metadata-result-table-row .sf-metadata-result-table-cell.actions-cell .row-expand-icon {
display: none;
color: #467fcf;
}
.sf-metadata-result-table-row .sf-metadata-result-table-cell.actions-cell .row-expand:hover {
background-color: #c2f5e9;
}

9
frontend/src/metadata/views/table/table-main/records/record/actions-cell/index.js
View File

@@ -1,11 +1,11 @@
import React, { Component } from 'react';
import PropTypes from 'prop-types';
import classnames from 'classnames';
import { Tooltip } from 'reactstrap';
import { Tooltip, UncontrolledTooltip } from 'reactstrap';
import { gettext } from '../../../../../../../utils/constants';
import { isMobile } from '../../../../../../../utils/utils';
import { SEQUENCE_COLUMN_WIDTH } from '../../../../../../constants';
import IconButton from '../../../../../../../components/icon-button';
import Icon from '../../../../../../../components/icon';
import './index.css';
@@ -91,7 +91,10 @@ class ActionsCell extends Component {
</label>
</div>
</div>
<IconButton id="expand" icon="expand" text={gettext('Expand')} onClick={this.handleShowExpandedProps} />
<span id={`expand-row-${index}`} className="row-expand" onClick={this.handleShowExpandedProps}>
<Icon symbol="expand" className="row-expand-icon" />
</span>
<UncontrolledTooltip placement='bottom' target={`expand-row-${index}`} fade={false} trigger="hover">{gettext('Expand')}</UncontrolledTooltip>
</div>
);
}