mirror of
https://github.com/taskgenius/taskgenius-plugin.git
synced 2026-07-22 06:40:25 +00:00
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:
parent
b566533ed7
commit
a1fc6b6cb1
1 changed files with 10 additions and 0 deletions
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in a new issue