(superset) branch docs/federate-storybook updated: fix(docs): more aggressive CSS reset for Ant Design portals

[rusackas]

This is an automated email from the ASF dual-hosted git repository.

rusackas pushed a commit to branch docs/federate-storybook
in repository https://gitbox.apache.org/repos/asf/superset.git


The following commit(s) were added to refs/heads/docs/federate-storybook by 
this push:
     new 52f1c00b30 fix(docs): more aggressive CSS reset for Ant Design portals
52f1c00b30 is described below

commit 52f1c00b30cc5718a7d404d794c6bac5783c9632
Author: Evan Rusackas <e...@rusackas.com>
AuthorDate: Tue Jan 20 19:26:01 2026 -0800

    fix(docs): more aggressive CSS reset for Ant Design portals
    
    Added !important overrides to remove:
    - Horizontal borders (from tr, thead, tbody)
    - Zebra striping (tr:nth-child(2n) backgrounds)
    - All background colors from table elements
    
    Infima's table styles have high specificity, requiring !important.
    
    Co-Authored-By: Claude Opus 4.5 <nore...@anthropic.com>
---
 docs/src/styles/custom.css | 60 +++++++++++++++++++++++++++++++++++++++-------
 1 file changed, 51 insertions(+), 9 deletions(-)

diff --git a/docs/src/styles/custom.css b/docs/src/styles/custom.css
index c9b9bf9bf3..624984a089 100644
--- a/docs/src/styles/custom.css
+++ b/docs/src/styles/custom.css
@@ -203,17 +203,33 @@ ul.dropdown__menu svg {
    These components render outside .storybook-example via portals
    ============================================ */
 
-/* DatePicker, TimePicker dropdown panels */
+/* DatePicker, TimePicker dropdown panels - reset all Infima table styles */
 .ant-picker-dropdown table,
+.ant-picker-dropdown thead,
+.ant-picker-dropdown tbody,
+.ant-picker-dropdown tr,
 .ant-picker-dropdown th,
 .ant-picker-dropdown td {
-  border: none;
-  background: transparent;
+  border: none !important;
+  background: none !important;
+  background-color: transparent !important;
 }
 
 .ant-picker-dropdown table {
-  border-collapse: collapse;
-  width: auto;
+  border-collapse: separate;
+  border-spacing: 0;
+  width: 100%;
+  display: table;
+}
+
+.ant-picker-dropdown tr {
+  background: none !important;
+}
+
+/* Override Infima's zebra striping */
+.ant-picker-dropdown tr:nth-child(2n) {
+  background: none !important;
+  background-color: transparent !important;
 }
 
 .ant-picker-dropdown th,
@@ -223,22 +239,48 @@ ul.dropdown__menu svg {
 
 /* Select, Dropdown, Popover portals */
 .ant-select-dropdown table,
+.ant-select-dropdown thead,
+.ant-select-dropdown tbody,
+.ant-select-dropdown tr,
 .ant-select-dropdown th,
 .ant-select-dropdown td,
 .ant-dropdown table,
+.ant-dropdown thead,
+.ant-dropdown tbody,
+.ant-dropdown tr,
 .ant-dropdown th,
 .ant-dropdown td,
 .ant-popover table,
+.ant-popover thead,
+.ant-popover tbody,
+.ant-popover tr,
 .ant-popover th,
 .ant-popover td {
-  border: none;
-  background: transparent;
+  border: none !important;
+  background: none !important;
+  background-color: transparent !important;
+}
+
+.ant-select-dropdown tr:nth-child(2n),
+.ant-dropdown tr:nth-child(2n),
+.ant-popover tr:nth-child(2n) {
+  background: none !important;
+  background-color: transparent !important;
 }
 
 /* Modal portals */
 .ant-modal table,
+.ant-modal thead,
+.ant-modal tbody,
+.ant-modal tr,
 .ant-modal th,
 .ant-modal td {
-  border: none;
-  background: transparent;
+  border: none !important;
+  background: none !important;
+  background-color: transparent !important;
+}
+
+.ant-modal tr:nth-child(2n) {
+  background: none !important;
+  background-color: transparent !important;
 }