总览长标题撑破屏幕修复:dash-cols 的 grid 子项加 min-width:0,面板可收缩后标题 ellipsis 才生效(375 视口 docW 4181→375)
This commit is contained in:
1 parent
3eaf2c6042
commit
2bd38551a4
1 file changed
+4
@@ -146,6 +146,10 @@ const chartMax = computed(() => {
|
||||
gap: 16px;}
|
||||
.dash-cols.even {grid-template-columns: 1fr 1fr;
|
||||
margin-top: 16px;}
|
||||
/* grid 子项默认 min-width:auto:标题列表里 white-space:nowrap 的标题会把
|
||||
面板的 min-content 顶到整行宽度,撑破屏幕(375 视口量到 docW 4181)。
|
||||
min-width:0 让面板可收缩,.title 的 ellipsis 截断才有机会生效。 */
|
||||
.dash-cols > .panel {min-width: 0;}
|
||||
@media (max-width: 720px) {
|
||||
.dash-cols,
|
||||
.dash-cols.even {grid-template-columns: 1fr;}
|
||||
|
||||
Reference in new issue
Block a user