kz930 opened a new issue, #7947: URL: https://github.com/apache/texera/issues/7947
### What happened? On the dataset detail page, the "Create New Version" uploader sits inside the resizable right side panel. The drop zone comes from `ngx-file-drop`, whose stylesheet fixes both `.ngx-file-drop__drop-zone` and `.ngx-file-drop__content` at `height: 100px` with no overflow handling. The custom content template in `files-uploader.component.html` stacks three items inside that box: the "Drag & drop file/folder to upload" line, an "or" line, and the "Browser & Upload Files" button (`height: 30px` plus a `15px` bottom margin). At the default panel width the stack is already about 119px tall, so it spills past the dotted border. The panel can be dragged down to `MIN_SIDER_WIDTH = 150` (`dataset-detail.component.ts`). At that width the first line wraps to three lines, and the button, sized `width: 60%` with `padding: 5px 20px`, ends up narrower than its own label. Text and button then run outside the box on every side. <img width="1523" height="994" alt="Image" src="https://github.com/user-attachments/assets/f9d6e150-deb5-4834-9adc-f3ec81596ef8"; /> Files involved: - `frontend/src/app/dashboard/component/user/files-uploader/files-uploader.component.html` - `frontend/src/app/dashboard/component/user/files-uploader/files-uploader.component.scss` ### How to reproduce? 1. Log in and open a dataset you have WRITE access to. 2. Expand the "Create New Version" panel on the right side bar. 3. Drag the side bar's left resize handle to make the panel narrow. 4. The prompt text and the browse button render outside the dotted drop zone border. The overflow is visible at the default width too, just less severe. ### Version/Branch 1.3.0-incubating-SNAPSHOT (main) ### Commit Hash (Optional) 6b8027e0d ### What browsers are you seeing the problem on? Chrome ### Relevant log output ```shell _No response_ ``` -- This is an automated message from the Apache Git Service. To respond to the message, please log on to GitHub and use the URL above to go to the specific comment. To unsubscribe, e-mail: [email protected] For queries about this service, please contact Infrastructure at: [email protected]
