Merge pull request #492 from 666ghj/Blocked-HTML

Blocked html

Merge pull request #492 from 666ghj/Blocked-HTML
Blocked html
马一丁 · GitHub
Commit 9d1555bc3b1de5c9e366bc9368dd98bf1389ee66 9d1555bc 2 parents 8cd88cfe 4c1d1f69
Showing 3 changed files with 102 additions and 12 deletions
ReportEngine/renderers/html_renderer.py
ReportEngine/renderers/pdf_layout_optimizer.py
ReportEngine/renderers/pdf_renderer.py
--- a/ReportEngine/renderers/html_renderer.py
View file @9d1555b
+++ b/ReportEngine/renderers/html_renderer.py
View file @9d1555b
@@ -3170,6 +3170,11 @@ body {{ /* 含义：全局排版与背景设置；设置：在本块内调整相
   grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); /* 含义：网格列模板；设置：按需调整数值/颜色/变量 */
   gap: 12px; /* 含义：子元素间距；设置：按需调整数值/颜色/变量 */
 }} /* 结束 .hero-side */
+@media screen {{
+  .hero-side {{
+    margin-top: 28px; /* 含义：仅在屏幕显示时下移，避免遮挡；设置：按需调整数值 */
+  }}
+}}
 .hero-kpi {{ /* 含义：封面 KPI 卡片；设置：在本块内调整相关属性 */
   background: var(--card-bg); /* 含义：背景色或渐变效果；设置：按需调整数值/颜色/变量 */
   border-radius: 14px; /* 含义：圆角；设置：按需调整数值/颜色/变量 */
--- a/ReportEngine/renderers/pdf_layout_optimizer.py
View file @9d1555b
+++ b/ReportEngine/renderers/pdf_layout_optimizer.py
View file @9d1555b
@@ -800,9 +800,40 @@ class PDFLayoutOptimizer:
     display: none !important;
 }}
-/* PDF中隐藏hero actions（深蓝色的三个按钮） */
+/* PDF中显示hero actions（建议/行动条目） */
 .hero-actions {{
-    display: none !important;
+    display: flex !important;
+    flex-wrap: wrap !important;
+    gap: 8px !important;
+    margin-top: 14px !important;
+    padding: 0 !important;
+}}
+
+.hero-actions .ghost-btn {{
+    display: inline-flex !important;
+    align-items: center !important;
+    justify-content: flex-start !important;
+    background: rgba(0, 0, 0, 0.04) !important;
+    border: none !important;
+    border-width: 0 !important;
+    border-style: none !important;
+    border-radius: 999px !important;
+    padding: 8px 16px !important;
+    font-size: {max(cfg.page.font_size_base - 2, 11)}px !important;
+    color: #222 !important;
+    width: auto !important;
+    height: auto !important;
+    white-space: normal !important;
+    line-height: 1.4 !important;
+    text-align: left !important;
+    box-shadow: none !important;
+    cursor: default !important;
+    -webkit-appearance: none !important;
+    appearance: none !important;
+    outline: none !important;
+    word-break: break-word !important;
+    max-width: 100% !important;
+    box-sizing: border-box !important;
 }}
 /* 页面基础样式 */
@@ -1243,25 +1274,40 @@ td {{
     justify-content: flex-start;
 }}
-/* Hero actions按钮 - PDF中仍隐藏，保留缩进样式 */
+/* Hero actions按钮 - PDF中显示为线框标签样式 */
 .hero-actions {{
-    margin-top: 12px;
-    display: flex;
+    margin-top: 14px;
+    display: flex !important;
     flex-wrap: wrap;
-    gap: 6px;
+    gap: 8px;
     max-width: 100%;
-    overflow: hidden;
+    overflow: visible;
+    padding: 0;
 }}
-.hero-actions button {{
+.hero-actions button,
+.hero-actions .ghost-btn {{
     font-size: {max(cfg.page.font_size_base - 2, 11)}px !important;
-    padding: 5px 10px !important;
-    max-width: 200px;
+    padding: 8px 16px !important;
+    max-width: 100%;
     word-break: break-word;
     white-space: normal;
-    overflow: hidden;
-    text-overflow: ellipsis;
+    overflow: visible;
     box-sizing: border-box;
+    background: rgba(0, 0, 0, 0.04) !important;
+    border: none !important;
+    border-width: 0 !important;
+    border-style: none !important;
+    border-radius: 999px !important;
+    color: #222 !important;
+    line-height: 1.4;
+    display: inline-flex !important;
+    align-items: center;
+    justify-content: flex-start;
+    outline: none !important;
+    -webkit-appearance: none !important;
+    appearance: none !important;
+    box-shadow: none !important;
 }}
 /* 防止标题孤行 */
--- a/ReportEngine/renderers/pdf_renderer.py
View file @9d1555b
+++ b/ReportEngine/renderers/pdf_renderer.py
View file @9d1555b
@@ -1127,6 +1127,45 @@ body {{
     background: linear-gradient(135deg, rgba(0,123,255,0.1), rgba(23,162,184,0.1)) !important;
 }}
+/* ========== 覆盖 hero-actions 按钮样式（无边框样式） ========== */
+.hero-actions {{
+    display: flex !important;
+    flex-wrap: wrap !important;
+    gap: 8px !important;
+    margin-top: 14px !important;
+    padding: 0 !important;
+}}
+
+.hero-actions button,
+.hero-actions .ghost-btn,
+button.ghost-btn {{
+    display: inline-flex !important;
+    align-items: center !important;
+    justify-content: flex-start !important;
+    background: rgba(0, 0, 0, 0.04) !important;
+    border: none !important;
+    border-width: 0 !important;
+    border-style: none !important;
+    border-radius: 999px !important;
+    padding: 8px 16px !important;
+    font-size: 12px !important;
+    color: #222 !important;
+    white-space: normal !important;
+    line-height: 1.4 !important;
+    text-align: left !important;
+    box-shadow: none !important;
+    -webkit-appearance: none !important;
+    -moz-appearance: none !important;
+    appearance: none !important;
+    outline: none !important;
+    outline-width: 0 !important;
+    word-break: break-word !important;
+    max-width: 100% !important;
+    box-sizing: border-box !important;
+    margin: 0 !important;
+    font-family: inherit !important;
+}}
+
 /* SVG图表容器样式 */
 .chart-svg-container {{
     width: 100%;