Commit cc4144fd authored by Data Governance Dev's avatar Data Governance Dev

fix(web3): TaskModal「测试连接」按钮被长提示挤成竖排

数据连接 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,
  顺手防御其他按钮同类问题
parent e4af262d
......@@ -10,6 +10,8 @@
cursor: pointer;
font-size: 14px;
color: #333;
flex-shrink: 0;
white-space: nowrap;
display: inline-flex;
align-items: center;
gap: 4px;
......@@ -415,7 +417,7 @@ table.dq-table tbody tr:last-child td { border-bottom: none; }
grid-template-columns: repeat(3, 240px);
justify-content: start;
}
.conn-form-grid .form-control { max-width: 150px; }
.conn-form-grid > .form-row:not(.full) .form-control { max-width: 150px; }
.form-label {
font-size: 13px;
color: #606266;
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment