This is an automated email from the ASF dual-hosted git repository.
jimin pushed a commit to branch docusaurus
in repository https://gitbox.apache.org/repos/asf/incubator-seata-website.git
The following commit(s) were added to refs/heads/docusaurus by this push:
new 8e1af6acd20 optimize: add table css style (#1029)
8e1af6acd20 is described below
commit 8e1af6acd20cb99751f2bcda89b3c15fa639df57
Author: jimin <[email protected]>
AuthorDate: Mon Oct 13 10:14:33 2025 +0800
optimize: add table css style (#1029)
---
src/css/custom.scss | 86 +++++++++++++++++++++++++++++++++++++++++++++++++++++
1 file changed, 86 insertions(+)
diff --git a/src/css/custom.scss b/src/css/custom.scss
index d3545cc6f44..91b1d9605fb 100644
--- a/src/css/custom.scss
+++ b/src/css/custom.scss
@@ -375,3 +375,89 @@ button[class*="tocCollapsibleButton"] {
table-layout: auto;
}
}
+
+/* Enhanced Table Styles for Better Readability */
+.markdown-body table {
+ border-collapse: collapse;
+ width: 100%;
+ margin-bottom: 24px;
+ background-color: #fff;
+ border: 1px solid #d0d7de;
+ border-radius: 6px;
+ overflow: hidden;
+}
+
+.markdown-body table th {
+ background-color: #f6f8fa;
+ font-weight: 600;
+ text-align: left;
+ border: 1px solid #d0d7de;
+ padding: 12px;
+ position: relative;
+}
+
+.markdown-body table td {
+ border: 1px solid #d0d7de;
+ padding: 12px;
+ vertical-align: top;
+}
+
+.markdown-body table tr {
+ background-color: #fff;
+ border-top: 1px solid #d0d7de;
+}
+
+.markdown-body table tr:nth-child(2n) {
+ background-color: #f6f8fa;
+}
+
+.markdown-body table th::after {
+ content: "";
+ position: absolute;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ height: 1px;
+ background-color: #d0d7de;
+}
+
+/* Responsive table behavior */
+@media (max-width: 768px) {
+ .markdown-body {
+ overflow-x: auto;
+ }
+
+ .markdown-body table {
+ display: table;
+ font-size: 14px;
+ }
+
+ .markdown-body table th,
+ .markdown-body table td {
+ padding: 8px;
+ }
+}
+
+/* Dark theme table support */
+[data-theme='dark'] .markdown-body table {
+ background-color: #0d1117;
+ border-color: #30363d;
+}
+
+[data-theme='dark'] .markdown-body table th {
+ background-color: #161b22;
+ border-color: #30363d;
+}
+
+[data-theme='dark'] .markdown-body table td {
+ border-color: #30363d;
+}
+
+[data-theme='dark'] .markdown-body table tr {
+ background-color: #0d1117;
+ border-top-color: #30363d;
+}
+
+[data-theme='dark'] .markdown-body table tr:nth-child(2n) {
+ background-color: #161b22;
+}
---------------------------------------------------------------------
To unsubscribe, e-mail: [email protected]
For additional commands, e-mail: [email protected]
