[PR #6001] fix: increase width of data structure drawer #5458

New issue

Open

opened 2026-03-17 02:53:56 +03:00 by kerem · 0 comments

kerem commented

2026-03-17 02:53:56 +03:00

Owner

📋 Pull Request Information

Original PR: https://github.com/hoppscotch/hoppscotch/pull/6001
Author: @vikaskmalipatil
Created: 3/16/2026
Status: 🔄 Open

Base: main ← Head: fix-data-structure-drawer-width

📝 Commits (1)

14f3e80 fix: improve width and readability of data structure drawer

📊 Changes

1 file changed (+6 additions, -2 deletions)

View changed files

📝 packages/hoppscotch-common/src/components/http/ResponseInterface.vue (+6 -2)

📄 Description

Fixes #5999

The data structure / response interface drawer was too narrow,
which made generated code harder to read.

This PR increases the max width of the drawer to improve readability
while keeping the layout behavior unchanged.

Tested locally on the development server.

Summary by cubic

Widened the data structure/response interface drawer to improve generated code readability without changing layout behavior.

Bug Fixes
- Set slide-over max width to 1000px on HoppSmartSlideOver in ResponseInterface.vue.
- Removed inner max-width limits (max-w-none) so code and content can use the full drawer width.

^{Written for commit 14f3e80b6e. Summary will update on new commits.}

_{🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.}

## 📋 Pull Request Information **Original PR:** https://github.com/hoppscotch/hoppscotch/pull/6001 **Author:** [@vikaskmalipatil](https://github.com/vikaskmalipatil) **Created:** 3/16/2026 **Status:** 🔄 Open **Base:** `main` ← **Head:** `fix-data-structure-drawer-width` --- ### 📝 Commits (1) - [`14f3e80`](https://github.com/hoppscotch/hoppscotch/commit/14f3e80b6ea568fb8a2851d3cddb7c5f91de434f) fix: improve width and readability of data structure drawer ### 📊 Changes **1 file changed** (+6 additions, -2 deletions) <details> <summary>View changed files</summary> 📝 `packages/hoppscotch-common/src/components/http/ResponseInterface.vue` (+6 -2) </details> ### 📄 Description Fixes #5999 The data structure / response interface drawer was too narrow, which made generated code harder to read. This PR increases the max width of the drawer to improve readability while keeping the layout behavior unchanged. Tested locally on the development server.  --- ## Summary by cubic Widened the data structure/response interface drawer to improve generated code readability without changing layout behavior. - **Bug Fixes** - Set slide-over max width to 1000px on `HoppSmartSlideOver` in `ResponseInterface.vue`. - Removed inner max-width limits (`max-w-none`) so code and content can use the full drawer width. <sup>Written for commit 14f3e80b6ea568fb8a2851d3cddb7c5f91de434f. Summary will update on new commits.</sup>  --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>