mirror of
https://github.com/haiwen/seahub.git
synced 2025-09-20 02:48:51 +00:00
@@ -1,67 +0,0 @@
|
||||
.sdoc-share-link-tab-table table,
|
||||
.sdoc-share-link-tab-table thead,
|
||||
.sdoc-share-link-tab-table tbody {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.sdoc-share-link-tab-table thead,
|
||||
.sdoc-share-link-tab-table tbody tr {
|
||||
display: table;
|
||||
width: 100%;
|
||||
table-layout: fixed;
|
||||
}
|
||||
|
||||
.sdoc-share-link-tab-table thead {
|
||||
width: calc(100% - 1em)
|
||||
}
|
||||
|
||||
.sdoc-share-link-tab-table thead {
|
||||
width: calc(100% - 1em)
|
||||
}
|
||||
|
||||
.sdoc-share-link-tab-table table,
|
||||
.sdoc-share-link-tab-table thead,
|
||||
.sdoc-share-link-tab-table tbody {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.sdoc-share-link-tab-table thead,
|
||||
.sdoc-share-link-tab-table tbody tr {
|
||||
display: table;
|
||||
width: 100%;
|
||||
table-layout: fixed;
|
||||
}
|
||||
|
||||
.sdoc-share-link-tab-table th:nth-child(1),
|
||||
.sdoc-share-link-tab-table td:nth-child(1) {
|
||||
width: 5%;
|
||||
}
|
||||
|
||||
.sdoc-share-link-tab-table th:nth-child(2),
|
||||
.sdoc-share-link-tab-table td:nth-child(2) {
|
||||
width: 26%;
|
||||
}
|
||||
|
||||
.sdoc-share-link-tab-table th:nth-child(3),
|
||||
.sdoc-share-link-tab-table td:nth-child(3) {
|
||||
width: 30%;
|
||||
}
|
||||
|
||||
.sdoc-share-link-tab-table th:nth-child(4),
|
||||
.sdoc-share-link-tab-table td:nth-child(4) {
|
||||
width: 25%;
|
||||
}
|
||||
|
||||
.sdoc-share-link-tab-table th:nth-child(5),
|
||||
.sdoc-share-link-tab-table td:nth-child(5) {
|
||||
width: 14%;
|
||||
}
|
||||
|
||||
.sdoc-share-link-tab-table thead {
|
||||
width: calc(100% - 1em)
|
||||
}
|
||||
|
||||
.sdoc-share-link-tab-table tbody {
|
||||
height: 450px;
|
||||
overflow: auto;
|
||||
}
|
@@ -5,8 +5,6 @@ import EmptyTip from '../empty-tip';
|
||||
import LinkItem from './link-item';
|
||||
import CommonOperationConfirmationDialog from '../../components/dialog/common-operation-confirmation-dialog';
|
||||
|
||||
import './index.css';
|
||||
|
||||
const propTypes = {
|
||||
shareLinks: PropTypes.array.isRequired,
|
||||
permissionOptions: PropTypes.array.isRequired,
|
||||
@@ -76,33 +74,48 @@ class LinkList extends React.Component {
|
||||
<p className="text-secondary">{gettext('No share links')}</p>
|
||||
</EmptyTip>
|
||||
) : (
|
||||
<table className="table-hover sdoc-share-link-tab-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th width="5%" className="text-center">
|
||||
<input type="checkbox" checked={isAllLinksSelected} className="vam" onChange={this.toggleSelectAllLinks} />
|
||||
</th>
|
||||
<th width="26%">{gettext('Link')}</th>
|
||||
<th width="30%">{gettext('Permission')}</th>
|
||||
<th width="25%">{gettext('Expiration')}</th>
|
||||
<th width="14%"></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{shareLinks.map((item, index) => {
|
||||
return (
|
||||
<LinkItem
|
||||
key={index}
|
||||
item={item}
|
||||
permissionOptions={permissionOptions}
|
||||
showLinkDetails={this.props.showLinkDetails}
|
||||
toggleSelectLink={this.props.toggleSelectLink}
|
||||
deleteLink={this.props.deleteLink}
|
||||
/>
|
||||
);
|
||||
})}
|
||||
</tbody>
|
||||
</table>
|
||||
<div className='share-list-container share-link'>
|
||||
<table className="table-place-header">
|
||||
<thead>
|
||||
<tr>
|
||||
<th width="5%" className="text-center">
|
||||
<input type="checkbox" checked={isAllLinksSelected} className="vam" onChange={this.toggleSelectAllLinks} />
|
||||
</th>
|
||||
<th width="26%">{gettext('Link')}</th>
|
||||
<th width="30%">{gettext('Permission')}</th>
|
||||
<th width="25%">{gettext('Expiration')}</th>
|
||||
<th width="14%"></th>
|
||||
</tr>
|
||||
</thead>
|
||||
</table>
|
||||
<div className='table-real-container'>
|
||||
<table className="table-real-content table-thead-hidden">
|
||||
<thead>
|
||||
<tr>
|
||||
<th width="5%" className="text-center"></th>
|
||||
<th width="26%">{gettext('Link')}</th>
|
||||
<th width="30%">{gettext('Permission')}</th>
|
||||
<th width="25%">{gettext('Expiration')}</th>
|
||||
<th width="14%"></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{shareLinks.map((item, index) => {
|
||||
return (
|
||||
<LinkItem
|
||||
key={index}
|
||||
item={item}
|
||||
permissionOptions={permissionOptions}
|
||||
showLinkDetails={this.props.showLinkDetails}
|
||||
toggleSelectLink={this.props.toggleSelectLink}
|
||||
deleteLink={this.props.deleteLink}
|
||||
/>
|
||||
);
|
||||
})}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
{this.state.isDeleteShareLinksDialogOpen && (
|
||||
<CommonOperationConfirmationDialog
|
||||
|
Reference in New Issue
Block a user