style(fluent): add responsive tab text hiding for narrow views

Add container query support to hide tab text when view width is below 800px.
This improves UI on smaller screens by showing only icons in view tabs.
This commit is contained in:
Quorafind 2025-10-21 21:15:06 +08:00
parent b566533ed7
commit a1fc6b6cb1

View file

@ -923,3 +923,13 @@ button.fluent-new-task-btn:hover {
right: 160px;
}
}
.view-content.task-genius-fluent-view.task-genius-view {
container-type: inline-size;
}
@container (width < 800px) {
button.fluent-view-tab.clickable-icon span {
display: none;
}
}