马一丁

Update the display of the actions block

@@ -800,9 +800,37 @@ class PDFLayoutOptimizer: @@ -800,9 +800,37 @@ class PDFLayoutOptimizer:
800 display: none !important; 800 display: none !important;
801 }} 801 }}
802 802
803 -/* PDF中隐藏hero actions(深蓝色的三个按钮) */ 803 +/* PDF中显示hero actions(建议/行动条目) */
804 .hero-actions {{ 804 .hero-actions {{
805 - display: none !important; 805 + display: flex !important;
  806 + flex-wrap: wrap !important;
  807 + gap: 8px !important;
  808 + margin-top: 14px !important;
  809 + padding: 0 !important;
  810 +}}
  811 +
  812 +.hero-actions .ghost-btn {{
  813 + display: inline-flex !important;
  814 + align-items: center !important;
  815 + justify-content: flex-start !important;
  816 + background: transparent !important;
  817 + border: 1px solid rgba(0, 0, 0, 0.22) !important;
  818 + border-radius: 999px !important;
  819 + padding: 8px 16px !important;
  820 + font-size: {max(cfg.page.font_size_base - 2, 11)}px !important;
  821 + color: #222 !important;
  822 + width: auto !important;
  823 + height: auto !important;
  824 + white-space: normal !important;
  825 + line-height: 1.4 !important;
  826 + text-align: left !important;
  827 + box-shadow: none !important;
  828 + cursor: default !important;
  829 + -webkit-appearance: none !important;
  830 + appearance: none !important;
  831 + word-break: break-word !important;
  832 + max-width: 100% !important;
  833 + box-sizing: border-box !important;
806 }} 834 }}
807 835
808 /* 页面基础样式 */ 836 /* 页面基础样式 */
@@ -1243,25 +1271,34 @@ td {{ @@ -1243,25 +1271,34 @@ td {{
1243 justify-content: flex-start; 1271 justify-content: flex-start;
1244 }} 1272 }}
1245 1273
1246 -/* Hero actions按钮 - PDF中仍隐藏,保留缩进样式 */ 1274 +/* Hero actions按钮 - PDF中显示为线框标签样式 */
1247 .hero-actions {{ 1275 .hero-actions {{
1248 - margin-top: 12px;  
1249 - display: flex; 1276 + margin-top: 14px;
  1277 + display: flex !important;
1250 flex-wrap: wrap; 1278 flex-wrap: wrap;
1251 - gap: 6px; 1279 + gap: 8px;
1252 max-width: 100%; 1280 max-width: 100%;
1253 - overflow: hidden; 1281 + overflow: visible;
  1282 + padding: 0;
1254 }} 1283 }}
1255 1284
1256 -.hero-actions button {{ 1285 +.hero-actions button,
  1286 +.hero-actions .ghost-btn {{
1257 font-size: {max(cfg.page.font_size_base - 2, 11)}px !important; 1287 font-size: {max(cfg.page.font_size_base - 2, 11)}px !important;
1258 - padding: 5px 10px !important;  
1259 - max-width: 200px; 1288 + padding: 8px 16px !important;
  1289 + max-width: 100%;
1260 word-break: break-word; 1290 word-break: break-word;
1261 white-space: normal; 1291 white-space: normal;
1262 - overflow: hidden;  
1263 - text-overflow: ellipsis; 1292 + overflow: visible;
1264 box-sizing: border-box; 1293 box-sizing: border-box;
  1294 + background: transparent !important;
  1295 + border: 1px solid rgba(0, 0, 0, 0.22) !important;
  1296 + border-radius: 999px !important;
  1297 + color: #222 !important;
  1298 + line-height: 1.4;
  1299 + display: inline-flex !important;
  1300 + align-items: center;
  1301 + justify-content: flex-start;
1265 }} 1302 }}
1266 1303
1267 /* 防止标题孤行 */ 1304 /* 防止标题孤行 */