mirror of
https://github.com/ZHANGTIANYAO1/teamspeak-music-bot.git
synced 2026-10-02 04:52:50 +08:00
fix(web): revert textarea + actual culprit was B站热门 card grid
Previous commit misidentified the second bug. Reverting the Settings.vue `resize: vertical` → `resize: none` change — that wasn't the issue. Real fix: `.daily-card` (used by B站热门 and 每日推荐 sections in Home.vue) is a CSS Grid cell with default `min-width: auto`, which refuses to shrink below its content. A long Bilibili video title inside `.daily-name` expanded the cell past its 1fr column, breaking the 6-column grid and creating empty/black space on the right. The existing `text-overflow: ellipsis` on `.daily-name` couldn't engage. Adding `min-width: 0` to `.daily-card` lets the cell shrink to the 1fr grid track size, and the ellipsis truncation now works. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
1 parent
35210cf570
commit
81cd8a2bec
2 files changed
+2
-1
No files matched your search
@@ -379,6 +379,7 @@ onMounted(() => {
|
||||
|
||||
.daily-card {
|
||||
cursor: pointer;
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
.daily-name {
|
||||
|
||||
@@ -1483,7 +1483,7 @@ onUnmounted(() => {
|
||||
font-family: inherit;
|
||||
font-size: 13px;
|
||||
outline: none;
|
||||
resize: none;
|
||||
resize: vertical;
|
||||
&:focus { border-color: var(--color-primary); }
|
||||
}
|
||||
|
||||
|
||||
Reference in new issue
Block a user