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

fix: adjust share link table scroll style

Browse Source
This commit is contained in:
liuhongbo
2023-11-30 18:38:53 +08:00
parent 17e832274c
commit 23b685bee2
2 changed files with 58 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

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

57
frontend/src/css/share-link-dialog.css
View File

@@ -163,3 +163,60 @@ input.expire-input {
max-height: 350px;
overflow-y: scroll;
}
.share-link-tab-table table,thead,tbody {
display: block;
}
.share-link-tab-table thead, tbody tr {
display:table;
width:100%;
table-layout:fixed;
}
.share-link-tab-table thead {
width: calc( 100% - 1em )
}
.share-link-tab-table thead {
width: calc( 100% - 1em )
}
.share-link-tab-table table,thead,tbody {
display: block;
}
.share-link-tab-table thead,tbody tr {
display: table;
width: 100%;
table-layout: fixed;
}
.share-link-tab-table th:nth-child(1),td:nth-child(1) {
width: 5%;
}
.share-link-tab-table th:nth-child(2),td:nth-child(2) {
width: 26%;
}
.share-link-tab-table th:nth-child(3),td:nth-child(3) {
width: 30%;
}
.share-link-tab-table th:nth-child(4),td:nth-child(4) {
width: 25%;
}
.share-link-tab-table th:nth-child(5),td:nth-child(5) {
width: 14%;
}
.share-link-tab-table thead {
width: calc(100% - 1em)
}
.share-link-tab-table tbody {
height: 450px;
overflow: auto;
}