This is an automated email from the ASF dual-hosted git repository.
urfree pushed a commit to branch main
in repository https://gitbox.apache.org/repos/asf/pulsar-site.git
The following commit(s) were added to refs/heads/main by this push:
new 44ffaef1c50 style: improve table css style
new b85fe953a07 Merge pull request #188 from labuladong/improve-table-style
44ffaef1c50 is described below
commit 44ffaef1c50927bc40890e115de0577dd738e190
Author: labuladong <[email protected]>
AuthorDate: Tue Aug 30 18:19:59 2022 +0800
style: improve table css style
---
site2/website-next/src/components/CommonTable.js | 4 ++--
site2/website-next/src/components/ConnectorTable.js | 4 ++--
site2/website-next/src/components/GuideTable.js | 8 ++++----
site2/website-next/src/components/MailTable.js | 12 ++++++------
site2/website-next/src/components/OldReleaseTable.js | 4 ++--
site2/website-next/src/components/ReleaseTable.js | 4 ++--
site2/website-next/src/components/TeamTable.js | 6 +++---
site2/website-next/src/components/VersionsTable.js | 2 +-
site2/website-next/src/css/custom.css | 14 +++++++-------
9 files changed, 29 insertions(+), 29 deletions(-)
diff --git a/site2/website-next/src/components/CommonTable.js
b/site2/website-next/src/components/CommonTable.js
index fbaf6ded573..c3ef93dff49 100644
--- a/site2/website-next/src/components/CommonTable.js
+++ b/site2/website-next/src/components/CommonTable.js
@@ -16,7 +16,7 @@ export default function VersionsTable(props) {
{props.header.map((header) => (
<TableCell
className="border-gray-300 font-bold"
- sx={{ border: 1 }}
+ sx={{ border: 1, color: "inherit" }}
align="left"
key={header}
>
@@ -31,7 +31,7 @@ export default function VersionsTable(props) {
<TableCell
key={key}
className="border-gray-300"
- sx={{ border: 1 }}
+ sx={{ border: 1, color: "inherit" }}
align="left"
>
{(() => {
diff --git a/site2/website-next/src/components/ConnectorTable.js
b/site2/website-next/src/components/ConnectorTable.js
index 4e69603447f..6c10b7360ae 100644
--- a/site2/website-next/src/components/ConnectorTable.js
+++ b/site2/website-next/src/components/ConnectorTable.js
@@ -16,7 +16,7 @@ export default function VersionsTable(props) {
{["IO connector", "Archive", "Crypto files"].map((header) => (
<TableCell
className="border-gray-300 font-bold"
- sx={{ border: 1 }}
+ sx={{ border: 1, color: "inherit" }}
align="left"
key={header}
>
@@ -28,7 +28,7 @@ export default function VersionsTable(props) {
<TableRow key={index}>
<TableCell
className="border-gray-300"
- sx={{ border: 1 }}
+ sx={{ border: 1, color: "inherit" }}
align="left"
>
<Link
diff --git a/site2/website-next/src/components/GuideTable.js
b/site2/website-next/src/components/GuideTable.js
index 9b2eb7baf9a..a488e726647 100644
--- a/site2/website-next/src/components/GuideTable.js
+++ b/site2/website-next/src/components/GuideTable.js
@@ -15,8 +15,8 @@ export default function VersionsTable(props) {
<TableRow key="header">
{["Client guide", "API docs"].map((header) => (
<TableCell
- className="border-gray-300 font-bold text-black"
- sx={{ border: 1 }}
+ className="border-gray-300 font-bold"
+ sx={{ border: 1, color: "inherit" }}
align="left"
key={header}
>
@@ -28,7 +28,7 @@ export default function VersionsTable(props) {
<TableRow key={index}>
<TableCell
className="border-gray-300"
- sx={{ border: 1 }}
+ sx={{ border: 1, color: "inherit" }}
align="left"
>
<Link
@@ -42,7 +42,7 @@ export default function VersionsTable(props) {
</TableCell>
<TableCell
className="border-gray-300 font-bold"
- sx={{ border: 1 }}
+ sx={{ border: 1, color: "inherit" }}
align="left"
>
{row.description}
diff --git a/site2/website-next/src/components/MailTable.js
b/site2/website-next/src/components/MailTable.js
index 3460097a304..d686cb0e3b9 100644
--- a/site2/website-next/src/components/MailTable.js
+++ b/site2/website-next/src/components/MailTable.js
@@ -16,7 +16,7 @@ export default function VersionsTable(props) {
{["Name", "Scope", "", "", ""].map((header) => (
<TableCell
className="border-gray-300 font-bold"
- sx={{ border: 1 }}
+ sx={{ border: 1, color: "inherit" }}
align="left"
key={header}
>
@@ -28,21 +28,21 @@ export default function VersionsTable(props) {
<TableRow key={index}>
<TableCell
className="border-gray-300 font-bold"
- sx={{ border: 1 }}
+ sx={{ border: 1, color: "inherit" }}
align="left"
>
{row.email}
</TableCell>
<TableCell
className="border-gray-300 font-bold"
- sx={{ border: 1 }}
+ sx={{ border: 1, color: "inherit" }}
align="left"
>
{row.desc}
</TableCell>
<TableCell
className="border-gray-300"
- sx={{ border: 1 }}
+ sx={{ border: 1, color: "inherit" }}
align="left"
>
<Link
@@ -56,7 +56,7 @@ export default function VersionsTable(props) {
</TableCell>
<TableCell
className="border-gray-300"
- sx={{ border: 1 }}
+ sx={{ border: 1, color: "inherit" }}
align="left"
>
<Link
@@ -70,7 +70,7 @@ export default function VersionsTable(props) {
</TableCell>
<TableCell
className="border-gray-300"
- sx={{ border: 1 }}
+ sx={{ border: 1, color: "inherit" }}
align="left"
>
<Link
diff --git a/site2/website-next/src/components/OldReleaseTable.js
b/site2/website-next/src/components/OldReleaseTable.js
index 34fb4e3a92e..4dd1e914eb0 100644
--- a/site2/website-next/src/components/OldReleaseTable.js
+++ b/site2/website-next/src/components/OldReleaseTable.js
@@ -16,7 +16,7 @@ export default function VersionsTable(props) {
{["Release", "Binary", "Source", "Release notes"].map((header) => (
<TableCell
className="border-gray-300 font-bold"
- sx={{ border: 1 }}
+ sx={{ border: 1, color: "inherit" }}
align="left"
key={header}
>
@@ -28,7 +28,7 @@ export default function VersionsTable(props) {
<TableRow key={index}>
<TableCell
className="border-gray-300 font-bold"
- sx={{ border: 1 }}
+ sx={{ border: 1, color: "inherit" }}
align="left"
>
<Translate>{row.release}</Translate>
diff --git a/site2/website-next/src/components/ReleaseTable.js
b/site2/website-next/src/components/ReleaseTable.js
index b012e02c7b0..126aab0001c 100644
--- a/site2/website-next/src/components/ReleaseTable.js
+++ b/site2/website-next/src/components/ReleaseTable.js
@@ -16,7 +16,7 @@ export default function VersionsTable(props) {
{["Release", "Link", "Crypto files"].map((header) => (
<TableCell
className="border-gray-300 font-bold"
- sx={{ border: 1 }}
+ sx={{ border: 1, color: "inherit" }}
align="left"
key={header}
>
@@ -28,7 +28,7 @@ export default function VersionsTable(props) {
<TableRow key={row.release}>
<TableCell
className="border-gray-300 font-bold"
- sx={{ border: 1 }}
+ sx={{ border: 1, color: "inherit" }}
align="left"
>
<Translate>{row.release}</Translate>
diff --git a/site2/website-next/src/components/TeamTable.js
b/site2/website-next/src/components/TeamTable.js
index 23d158dbbe5..43a8d4f9f98 100644
--- a/site2/website-next/src/components/TeamTable.js
+++ b/site2/website-next/src/components/TeamTable.js
@@ -14,7 +14,7 @@ export default function VersionsTable(props) {
<TableHead>
<TableRow>
{["Name", "Apache Id"].map(header => (
- <TableCell className="font-bold" sx={{ border: 0 }} key={header}>
+ <TableCell className="font-bold" sx={{ border: 0, color: "inherit"
}} key={header}>
<Translate>{header}</Translate>
</TableCell>
))}
@@ -23,8 +23,8 @@ export default function VersionsTable(props) {
<TableBody>
{props.data.map((row, index) => (
<TableRow key={index}>
- <TableCell sx={{ border: 0 }}>{row.name}</TableCell>
- <TableCell sx={{ border: 0 }}>{row.apacheId}</TableCell>
+ <TableCell sx={{ border: 0 , color: "inherit"
}}>{row.name}</TableCell>
+ <TableCell sx={{ border: 0 , color: "inherit"
}}>{row.apacheId}</TableCell>
</TableRow>
))}
</TableBody>
diff --git a/site2/website-next/src/components/VersionsTable.js
b/site2/website-next/src/components/VersionsTable.js
index 6a90c67d966..b088231f551 100644
--- a/site2/website-next/src/components/VersionsTable.js
+++ b/site2/website-next/src/components/VersionsTable.js
@@ -23,7 +23,7 @@ export default function VersionsTable(props) {
<TableRow key={row.name}>
<TableCell
className="border-gray-300 font-bold"
- sx={{ border: 1 }}
+ sx={{ border: 1, color: "inherit" }}
align="left"
>
<span>{row.name}</span>
diff --git a/site2/website-next/src/css/custom.css
b/site2/website-next/src/css/custom.css
index c43399101f4..4105c2703aa 100644
--- a/site2/website-next/src/css/custom.css
+++ b/site2/website-next/src/css/custom.css
@@ -92,7 +92,7 @@ table tr {
background-color: transparent;
}
html[data-theme="dark"] table tr {
- background-color: white;
+ background-color: initial;
}
.docusaurus-highlight-code-line {
@@ -393,11 +393,6 @@ div[class^="searchBox_"] {
overflow-wrap: anywhere;
}
-html[data-theme="dark"] .markdown table td,
-html[data-theme="dark"] .markdown table th {
- color: #333;
-}
-
.waves-bg:before,
.waves-bg:after,
.mdx-wrapper.mdx-page .main-wrapper:after {
@@ -928,8 +923,13 @@ html[data-theme="dark"] .featured-card--inner {
}
table tr:nth-child(2n) {
- background-color: #fff;
+ background-color: initial;
}
+
+html[data-theme="dark"] table tr:nth-child(2n) {
+ background-color: initial;
+}
+
.blog-wrapper .main-wrapper.blog-list-page::before {
content: "Pulsar Blog";
position: relative;
