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

style move share-link-style to separete file

Browse Source
This commit is contained in:
liuhongbo
2023-12-01 18:13:53 +08:00
parent 23b685bee2
commit 3fd2a29a08
3 changed files with 70 additions and 58 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,
thead,
tbody {
display: block;
}
.sdoc-share-link-tab-table thead,
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,
thead,
tbody {
display: block;
}
.sdoc-share-link-tab-table thead,
tbody tr {
display: table;
width: 100%;
table-layout: fixed;
}
.sdoc-share-link-tab-table th:nth-child(1),
td:nth-child(1) {
width: 5%;
}
.sdoc-share-link-tab-table th:nth-child(2),
td:nth-child(2) {
width: 26%;
}
.sdoc-share-link-tab-table th:nth-child(3),
td:nth-child(3) {
width: 30%;
}
.sdoc-share-link-tab-table th:nth-child(4),
td:nth-child(4) {
width: 25%;
}
.sdoc-share-link-tab-table th:nth-child(5),
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 LinkItem from './link-item';
import CommonOperationConfirmationDialog from '../../components/dialog/common-operation-confirmation-dialog'; import CommonOperationConfirmationDialog from '../../components/dialog/common-operation-confirmation-dialog';
import './index.css';
const propTypes = { const propTypes = {
shareLinks: PropTypes.array.isRequired, shareLinks: PropTypes.array.isRequired,
permissionOptions: 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> <p className="text-secondary">{gettext('No share links')}</p>
</EmptyTip> </EmptyTip>
) : ( ) : (
<table className="table-hover share-link-tab-table"> <table className="table-hover sdoc-share-link-tab-table">
<thead> <thead>
<tr> <tr>
<th width="5%" className="text-center"> <th width="5%" className="text-center">

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

@@ -163,60 +163,3 @@ input.expire-input {
max-height: 350px; max-height: 350px;
overflow-y: scroll; 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;
}