From 3fd2a29a08a9d8fffedcfb1303e6e12bf57b14ff Mon Sep 17 00:00:00 2001
From: liuhongbo <916196375@qq.com>
Date: Fri, 1 Dec 2023 18:13:53 +0800
Subject: [PATCH] style move share-link-style to separete file

---
 .../src/components/share-link-panel/index.css | 67 +++++++++++++++++++
 .../components/share-link-panel/link-list.js  |  4 +-
 frontend/src/css/share-link-dialog.css        | 57 ----------------
 3 files changed, 70 insertions(+), 58 deletions(-)
 create mode 100644 frontend/src/components/share-link-panel/index.css

diff --git a/frontend/src/components/share-link-panel/index.css b/frontend/src/components/share-link-panel/index.css
new file mode 100644
index 0000000000..32f73f5a1d
--- /dev/null
+++ b/frontend/src/components/share-link-panel/index.css
@@ -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;
+}
diff --git a/frontend/src/components/share-link-panel/link-list.js b/frontend/src/components/share-link-panel/link-list.js
index 37f3f33b3b..e510514de7 100644
--- a/frontend/src/components/share-link-panel/link-list.js
+++ b/frontend/src/components/share-link-panel/link-list.js
@@ -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 share-link-tab-table">
+          <table className="table-hover sdoc-share-link-tab-table">
             <thead>
               <tr>
                 <th width="5%" className="text-center">
diff --git a/frontend/src/css/share-link-dialog.css b/frontend/src/css/share-link-dialog.css
index 141f3a8a8e..ba1855329a 100644
--- a/frontend/src/css/share-link-dialog.css
+++ b/frontend/src/css/share-link-dialog.css
@@ -163,60 +163,3 @@ 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;
-}