• Data Governance Dev's avatar
    fix(web3): TaskModal「测试连接」按钮被长提示挤成竖排 · cc4144fd
    Data Governance Dev authored
    数据连接 Tab 点测试后,提示文本把按钮挤到 ~30px,
    「测试连接」四字竖排(测/试/连/接 各一行)。
    
    根因:
    - .conn-form-grid 给所有 input 行加了 max-width:150px,
      但 selector 没排除 .form-row.full,「测试连接」行
      是 .full(横跨 3 列 = 720px),里面的 .form-control
      却被锁死 150px
    - 通用 .btn 没有 flex-shrink:0,被 flex 父挤压
    
    修两处:
    - .conn-form-grid > .form-row:not(.full) .form-control
      限宽 selector 收窄到非 full 行,6 个 input 行照旧,
      full 行放开用满 720px
    - 通用 .btn 加 flex-shrink:0 + white-space:nowrap,
      顺手防御其他按钮同类问题
    cc4144fd
global.css 16.9 KB