fix rendering for light mode on details table

ClickHouse · Dec 9, 2024 · f67df6c · f67df6c
1 parent 411c8a4
commit f67df6c
Showing 1 changed file with 38 additions and 0 deletions.
diff --git a/src/theme/Details/styles.module.css b/src/theme/Details/styles.module.css
@@ -6,3 +6,41 @@
   margin: 0 0 var(--ifm-spacing-vertical);
   border: 1px solid var(--prism-background-color);
 }
+
+.details table {
+  width: 100%;
+  display: inline;
+  border-collapse: collapse;
+  border: 1px solid var(--click-color-table-cell-stroke);
+  background-color: var(--click-color-table-row-background);
+  color: var(--click-color-table-row-text);
+  table-layout: auto; /* Automatically adjusts column widths to fit content */
+}
+
+.details th, .details td {
+  border: 1px solid var(--click-color-table-cell-stroke);
+  padding: 8px; /* Adjust padding for consistent spacing */
+}
+
+.details th {
+  background-color: var(--click-color-table-header-background);
+  color: var(--click-color-table-header-text);
+  text-align: left;
+}
+
+.details td {
+  background-color: var(--click-color-table-row-background);
+}
+
+.details {
+  overflow-x: auto; /* Enable horizontal scrolling if content exceeds container width */
+}
+
+.details a {
+  color: var(--click-color-link);
+  text-decoration: underline;
+}
+
+.details a:hover {
+  color: var(--click-color-accent);
+}