Fix mobile layout: news/dialog overlap and notification overflow

Copilot · interstellarmt · Copilot · commit e43efa6c5810 · 2026-03-23T06:31:45.000Z
Co-authored-by: interstellarmt <178904023+interstellarmt@users.noreply.github.com> Agent-Logs-Url: https://github.com/antvis/dumi-theme-antv/sessions/8f5b2502-ff48-4a83-8381-bddacf69f513
diff --git a/src/components/AI/HomeDialog/index.module.less b/src/components/AI/HomeDialog/index.module.less
@@ -1,7 +1,9 @@
 .content {
   height: 500px;
+  overflow: hidden;
 
   @media only screen and (max-width: 767.99px) {
     height: auto;
+    overflow: visible;
   }
 }
diff --git a/src/slots/Banner/Notification.module.less b/src/slots/Banner/Notification.module.less
@@ -77,12 +77,12 @@
 
   50% {
     opacity: 0;
-    top: -30px;
+    top: -44px;
   }
 
   83.3% {
     opacity: 0;
-    top: 30px;
+    top: 44px;
   }
 
   100% {
@@ -95,12 +95,12 @@
 @keyframes showAndHide1 {
   0% {
     opacity: 0;
-    top: 30px;
+    top: 44px;
   }
 
   33.3% {
     opacity: 0;
-    top: 30px;
+    top: 44px;
   }
 
   50% {
@@ -115,6 +115,6 @@
 
   100% {
     opacity: 0;
-    top: -30px;
+    top: -44px;
   }
 }
diff --git a/src/slots/Banner/index.module.less b/src/slots/Banner/index.module.less
@@ -359,7 +359,9 @@
     }
 
     .notifications {
-      width: 100%;
+      left: 4.5%;
+      width: calc(100% - 9%);
+      margin-left: 0;
       display: block;
       bottom: 20px;
       height: 48px;
diff --git a/src/slots/Detail/index.module.less b/src/slots/Detail/index.module.less
@@ -187,6 +187,7 @@
     height: 128px;
     box-sizing: border-box;
     padding: 0 4.5%;
+    overflow: hidden;
   }
 
   .teaser {

Original file line number	Diff line number	Diff line change
`@@ -1,7 +1,9 @@`
`1`	`1`	`.content {`
`2`	`2`	`height: 500px;`
	`3`	`+ overflow: hidden;`
`3`	`4`
`4`	`5`	`@media only screen and (max-width: 767.99px) {`
`5`	`6`	`height: auto;`
	`7`	`+ overflow: visible;`
`6`	`8`	`}`
`7`	`9`	`}`
Original file line number	Diff line number	Diff line change
`@@ -77,12 +77,12 @@`
`77`	`77`
`78`	`78`	`50% {`
`79`	`79`	`opacity: 0;`
`80`		`- top: -30px;`
	`80`	`+ top: -44px;`
`81`	`81`	`}`
`82`	`82`
`83`	`83`	`83.3% {`
`84`	`84`	`opacity: 0;`
`85`		`- top: 30px;`
	`85`	`+ top: 44px;`
`86`	`86`	`}`
`87`	`87`
`88`	`88`	`100% {`
`@@ -95,12 +95,12 @@`
`95`	`95`	`@keyframes showAndHide1 {`
`96`	`96`	`0% {`
`97`	`97`	`opacity: 0;`
`98`		`- top: 30px;`
	`98`	`+ top: 44px;`
`99`	`99`	`}`
`100`	`100`
`101`	`101`	`33.3% {`
`102`	`102`	`opacity: 0;`
`103`		`- top: 30px;`
	`103`	`+ top: 44px;`
`104`	`104`	`}`
`105`	`105`
`106`	`106`	`50% {`
`@@ -115,6 +115,6 @@`
`115`	`115`
`116`	`116`	`100% {`
`117`	`117`	`opacity: 0;`
`118`		`- top: -30px;`
	`118`	`+ top: -44px;`
`119`	`119`	`}`
`120`	`120`	`}`
Original file line number	Diff line number	Diff line change
`@@ -187,6 +187,7 @@`
`187`	`187`	`height: 128px;`
`188`	`188`	`box-sizing: border-box;`
`189`	`189`	`padding: 0 4.5%;`
	`190`	`+ overflow: hidden;`
`190`	`191`	`}`
`191`	`192`
`192`	`193`	`.teaser {`