Skip to content

Commit

Permalink
feat: enhance FileEditor and FileEditorNavTabs with overflow handling
Browse files Browse the repository at this point in the history
- Added overflow hidden to the FileEditor component to prevent content overflow and maintain layout integrity.
- Updated FileEditorNavTabs to use overflow-x for horizontal scrolling while hiding vertical overflow, improving navigation usability.

These changes enhance the user experience by ensuring a cleaner and more controlled layout in the file editing interface.
  • Loading branch information
Marvin Zhang committed Dec 30, 2024
1 parent 3310093 commit bd4f0cb
Show file tree
Hide file tree
Showing 2 changed files with 3 additions and 1 deletion.
1 change: 1 addition & 0 deletions src/components/ui/file/FileEditor.vue
Original file line number Diff line number Diff line change
Expand Up @@ -442,6 +442,7 @@ defineOptions({ name: 'ClFileEditor' });
.file-editor {
height: 100%;
display: flex;
overflow: hidden;
.file-editor-content {
position: relative;
Expand Down
3 changes: 2 additions & 1 deletion src/components/ui/file/FileEditorNavTabs.vue
Original file line number Diff line number Diff line change
Expand Up @@ -179,7 +179,8 @@ defineOptions({ name: 'ClFileEditorNavTabs' });
position: relative;
display: flex;
align-items: center;
overflow: auto;
overflow-x: auto;
overflow-y: hidden;
height: var(--cl-file-editor-nav-tabs-height);
flex: var(--cl-file-editor-nav-tabs-height) 0 0;
Expand Down

0 comments on commit bd4f0cb

Please sign in to comment.