(gravitino) branch antdUI-gravitino-base1.1.0 updated: [#9612] fix build new UI catalog provider css issue, [#9610] fix click metalake nav bar item issue

[lauraxia]

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

lauraxia pushed a commit to branch antdUI-gravitino-base1.1.0
in repository https://gitbox.apache.org/repos/asf/gravitino.git


The following commit(s) were added to refs/heads/antdUI-gravitino-base1.1.0 by 
this push:
     new 51e6765d19 [#9612] fix build new UI catalog provider css issue, 
[#9610] fix click metalake nav bar item issue
51e6765d19 is described below

commit 51e6765d197edd2e7ed370f4d8ef9fed0215d1dc
Author: Qian Xia <q...@datastrato.com>
AuthorDate: Sun Jan 4 19:35:45 2026 +0800

    [#9612] fix build new UI catalog provider css issue, [#9610] fix click 
metalake nav bar item issue
---
 .../src/app/catalogs/rightContent/CreateCatalogDialog.js    | 11 ++++++++---
 web/web/src/app/rootLayout/MainNav.js                       |  2 +-
 web/web/src/lib/styles/antdStyles/globals.css               | 13 +++++++++++--
 3 files changed, 20 insertions(+), 6 deletions(-)

diff --git a/web/web/src/app/catalogs/rightContent/CreateCatalogDialog.js 
b/web/web/src/app/catalogs/rightContent/CreateCatalogDialog.js
index 97c02bcf8d..eba0a921ea 100644
--- a/web/web/src/app/catalogs/rightContent/CreateCatalogDialog.js
+++ b/web/web/src/app/catalogs/rightContent/CreateCatalogDialog.js
@@ -358,14 +358,19 @@ export default function CreateCatalogDialog({ ...props }) 
{
             {renderIcon({ type: catalogType, provider: provider.value })}
           </div>
           <div className='default-theme-text'>
-            <Paragraph className='text-base'>{provider.label}</Paragraph>
-            <Paragraph type='secondary' className='text-sm'>
+            <Paragraph className={cn('text-base', { '!text-white': 
provider.value === currentProvider })}>
+              {provider.label}
+            </Paragraph>
+            <Paragraph
+              type='secondary'
+              className={cn('text-sm', { '!text-white': provider.value === 
currentProvider })}
+            >
               {provider.description}
             </Paragraph>
           </div>
         </div>
         {provider.value === currentProvider ? (
-          <Icons.CircleCheckBig className='provider-radio size-4 text-gray-400 
default-theme-radio' />
+          <Icons.CircleCheckBig className='provider-radio size-4 text-white 
default-theme-radio' />
         ) : (
           <Icons.Circle className='provider-radio size-4 text-gray-400 
default-theme-radio' />
         )}
diff --git a/web/web/src/app/rootLayout/MainNav.js 
b/web/web/src/app/rootLayout/MainNav.js
index 0e1a92f58a..7dd60c57a1 100644
--- a/web/web/src/app/rootLayout/MainNav.js
+++ b/web/web/src/app/rootLayout/MainNav.js
@@ -144,7 +144,7 @@ export function MainNav() {
     if (menuItem.key === ROUTES.Catalogs) {
       
router.push(`/catalogs?metalake=${currentMetalake}&catalogType=relational`)
     } else {
-      router.push(`${menuItem.key}?metalake=${currentMetalake}`)
+      router.push(currentMetalake ? 
`${menuItem.key}?metalake=${currentMetalake}` : menuItem.key)
     }
   }
 
diff --git a/web/web/src/lib/styles/antdStyles/globals.css 
b/web/web/src/lib/styles/antdStyles/globals.css
index 53a2b4c322..2c1c1fa688 100644
--- a/web/web/src/lib/styles/antdStyles/globals.css
+++ b/web/web/src/lib/styles/antdStyles/globals.css
@@ -132,14 +132,23 @@
   &.actived-default {
     @apply bg-[color:theme(colors.defaultPrimary)];
     .default-theme-radio {
-      @apply text-white !important;
+      @apply !text-white;
     }
     .default-theme-text > div {
-      @apply text-white !important;
+      @apply !text-white;
     }
   }
 }
 
+.provider-card.actived-default:hover {
+  .default-theme-radio,
+  .default-theme-text > div,
+  .ant-typography,
+  .ant-typography-secondary {
+    @apply !text-white;
+  }
+}
+
 .ant-cascader-menu {
   max-width: 300px;
 }