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

Merge pull request #5805 from haiwen/fix-share-link-scolls-style

Browse Source 
fix: adjust share link table scroll style
This commit is contained in:
杨顺强
2023-12-02 16:38:17 +08:00
committed by GitHub
parent ca9363d91f 6dbef5d460
commit dd7c9d344e
2 changed files with 70 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

67
frontend/src/components/share-link-panel/index.css Normal file
View File

@@ -0,0 +1,67 @@
.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;
}

4
frontend/src/components/share-link-panel/link-list.js
View File

@@ -5,6 +5,8 @@ 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,
@@ -74,7 +76,7 @@ class LinkList extends React.Component {
<p className="text-secondary">{gettext('No share links')}</p>
</EmptyTip>
) : (
<table className="table-hover">
<table className="table-hover sdoc-share-link-tab-table">
<thead>
<tr>
<th width="5%" className="text-center">