(superset) branch docs/federate-storybook updated: fix(docs): add CSS isolation for Ant Design portal components

[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 f368b068a0 fix(docs): add CSS isolation for Ant Design portal 
components
f368b068a0 is described below

commit f368b068a06b8201891e1fad9ac18cd9000ee7b7
Author: Evan Rusackas <e...@rusackas.com>
AuthorDate: Tue Jan 20 19:24:03 2026 -0800

    fix(docs): add CSS isolation for Ant Design portal components
    
    Ant Design DatePicker, Select, Dropdown, Popover, and Modal render
    via portals outside .storybook-example. Docusaurus/Infima table styles
    were bleeding through causing visible borders on calendar grids.
    
    Added global CSS resets for these portal containers to remove
    unwanted table borders and backgrounds.
    
    Co-Authored-By: Claude Opus 4.5 <nore...@anthropic.com>
---
 docs/src/styles/custom.css | 45 +++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 45 insertions(+)

diff --git a/docs/src/styles/custom.css b/docs/src/styles/custom.css
index 9068ac804a..c9b9bf9bf3 100644
--- a/docs/src/styles/custom.css
+++ b/docs/src/styles/custom.css
@@ -197,3 +197,48 @@ ul.dropdown__menu svg {
 .storybook-example .ant-breadcrumb a:hover {
   color: rgba(0, 0, 0, 0.85);
 }
+
+/* ============================================
+   Ant Design Popup/Portal Isolation
+   These components render outside .storybook-example via portals
+   ============================================ */
+
+/* DatePicker, TimePicker dropdown panels */
+.ant-picker-dropdown table,
+.ant-picker-dropdown th,
+.ant-picker-dropdown td {
+  border: none;
+  background: transparent;
+}
+
+.ant-picker-dropdown table {
+  border-collapse: collapse;
+  width: auto;
+}
+
+.ant-picker-dropdown th,
+.ant-picker-dropdown td {
+  padding: 0;
+}
+
+/* Select, Dropdown, Popover portals */
+.ant-select-dropdown table,
+.ant-select-dropdown th,
+.ant-select-dropdown td,
+.ant-dropdown table,
+.ant-dropdown th,
+.ant-dropdown td,
+.ant-popover table,
+.ant-popover th,
+.ant-popover td {
+  border: none;
+  background: transparent;
+}
+
+/* Modal portals */
+.ant-modal table,
+.ant-modal th,
+.ant-modal td {
+  border: none;
+  background: transparent;
+}