Toolbar buttons show text labels when the panel is wide

Container query on the panel (Tailwind v4 @container): Copy, Edit, Rename and
Delete grow labels at >=30rem panel width; New folder, New file and
Permissions stay icon-only (self-explanatory icons). Tooltips unchanged.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
Jokin
2026-07-11 20:30:24 +02:00
co-authored by Claude Fable 5
parent e4f7ca86f7
commit 06dbe14d76
2 changed files with 11 additions and 6 deletions
+1 -1
View File
@@ -21,7 +21,7 @@ import { TransfersService } from '../transfers.service';
selector: 'app-file-panel',
imports: [NgIcon],
templateUrl: './file-panel.html',
host: { class: 'flex min-w-0 flex-1 flex-col overflow-hidden' },
host: { class: '@container flex min-w-0 flex-1 flex-col overflow-hidden' },
})
export class FilePanel {
readonly side = input.required<Side>();