root/fusion
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(FN-4560): complete Step 4 — unify toolbar disclosure and sizing

Browse Source 
Fusion-Task-Id: FN-4560
Fusion-Task-Lineage: 90f0af13-2ec7-4ea5-9ebc-af3941465975
This commit is contained in:
Fusion
2026-05-14 23:00:38 -07:00
committed by gsxdsm
parent 537657055a
commit f49802eb2b
3 changed files with 129 additions and 201 deletions
Download Patch File Download Diff File Expand all files Collapse all files

50
packages/dashboard/app/components/FileBrowser.css
View File

@@ -397,9 +397,9 @@
justify-content: flex-end;
}
.file-editor-toolbar-actions .btn {
min-height: var(--mobile-nav-height);
min-width: var(--mobile-nav-height);
.file-editor-toolbar-button {
min-height: calc(var(--space-lg) + var(--space-sm));
min-width: calc(var(--space-lg) + var(--space-sm));
}
.file-browser-modal-header .modal-close {
@@ -688,8 +688,8 @@
.file-editor-toolbar {
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--space-md);
justify-content: flex-end;
gap: var(--space-xs);
flex-wrap: wrap;
padding: var(--space-sm) var(--space-lg);
border-bottom: calc(var(--space-xs) * 0.25) solid var(--border);
@@ -697,6 +697,11 @@
flex-shrink: 0;
}
.file-editor-toolbar--expanded {
padding-top: var(--space-xs);
padding-bottom: var(--space-xs);
}
.file-editor-toolbar-actions {
display: inline-flex;
align-items: center;
@@ -704,33 +709,20 @@
flex-wrap: wrap;
}
.file-editor-toolbar-collapsible {
display: inline-flex;
align-items: center;
gap: var(--space-xs);
flex-wrap: wrap;
}
.file-editor-toolbar-collapsible[hidden] {
display: none;
}
.file-editor-line-numbers-button {
display: inline-flex;
align-items: center;
gap: var(--space-xs);
}
.file-editor-mode-toggle {
display: flex;
align-items: center;
gap: var(--space-xs);
}
.file-editor-mode-toggle .btn {
.file-editor-toolbar-button {
display: inline-flex;
align-items: center;
justify-content: center;
gap: calc(var(--space-sm) - var(--space-xs) * 0.5);
min-height: calc(var(--space-lg) + var(--space-sm));
padding: calc(var(--space-xs) + var(--space-xs) * 0.25) var(--space-sm);
font-size: calc(var(--space-sm) + var(--space-xs));
line-height: 1;
}
.file-editor-toolbar-button.btn-icon {
width: calc(var(--space-lg) + var(--space-sm));
padding: 0;
}
/* File Editor Preview */