页面调整优化

hongjli

2025-06-16 90b3b6329fec3205b845198ca6dc539dcde186c8

 src/app/globals.css

@@ -841,3 +841,57 @@
.no-flash-link {
  -webkit-tap-highlight-color: transparent;
}

/* 消息生成时锁定滚动 */
body.generating-message {
  overflow: hidden !important;
}

/* 滚动锁定遮罩 */
.scroll-lock-overlay {
  position: fixed;
  inset: 0;
  z-index: 50;
  background: transparent;
  pointer-events: all;
  touch-action: none;
}

/* 图表全屏模式时的样式 */
body:has(.echart-wrapper[data-echarts-container]) {
  scroll-behavior: smooth;
}

.echart-wrapper[data-echarts-container] {
  transition: all 0.3s ease-in-out;
}

/* 当处于全屏模式时防止页面滚动 */
body:has(.echart-wrapper:has(+ .fullscreen-controls)) {
  overflow: hidden;
}

/* 彻底固定图表容器的高度 */
[data-echarts-container="true"] {
  height: 400px !important;
  min-height: 400px !important;
  width: 100%;
  position: relative;
}

/* 确保tooltip显示在适当位置 */
.echarts-tooltip-wrap, 
div[class*="echarts-tooltip"],
div[class*="tooltip"] {
  z-index: 9999 !important;
  top: auto !important; /* 防止固定在顶部 */
  transform: translateY(0) !important; /* 防止向上偏移 */
  max-width: 80vw !important; /* 限制最大宽度 */
  pointer-events: auto !important;
}

/* 确保热力图tooltip在高风险区域显示时不会被导航栏遮挡 */
body .ec-tooltip, 
body .echarts-tooltip {
  margin-top: 60px !important; /* 确保不会显示在导航栏之上 */
}