[PR #2886] [CLOSED] refactor: new collection panel UI for mobile #4124

New issue

Closed

opened 2026-03-17 01:41:15 +03:00 by kerem · 0 comments

kerem commented

2026-03-17 01:41:15 +03:00

Owner

📋 Pull Request Information

Original PR: https://github.com/hoppscotch/hoppscotch/pull/2886
Author: @joeljstephen
Created: 12/20/2022
Status: ❌ Closed

Base: main ← Head: refactor/mobile-sidebar

📝 Commits (4)

7526844 chore: resolved merge conflicts
3f67843 refactor: changed breakpoint to small for send button
b50ae51 refactor: renamed variables to match conventions
e2ed525 refactor: introduced new title prop for slideover in panelayout

📊 Changes

3 files changed (+180 additions, -150 deletions)

View changed files

📝 packages/hoppscotch-common/src/components/app/PaneLayout.vue (+24 -3)
📝 packages/hoppscotch-common/src/components/http/Request.vue (+155 -146)
📝 packages/hoppscotch-ui/src/components/smart/SlideOver.vue (+1 -1)

📄 Description

Changes

Redesigned the collection panel for mobile where it slides into view and occupies the full height of the screen, instead of using a 3rd pane to display the collections.

Fixes

Fixed uneven width of send button in the REST page on mobile devices.

Checks

My pull request adheres to the code style of this project
My code requires changes to the documentation
I have updated the documentation as required
All the tests have passed

_{🔄 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/2886 **Author:** [@joeljstephen](https://github.com/joeljstephen) **Created:** 12/20/2022 **Status:** ❌ Closed **Base:** `main` ← **Head:** `refactor/mobile-sidebar` --- ### 📝 Commits (4) - [`7526844`](https://github.com/hoppscotch/hoppscotch/commit/75268440907de3c10ac198475ee8a928fde05fc4) chore: resolved merge conflicts - [`3f67843`](https://github.com/hoppscotch/hoppscotch/commit/3f67843609d8ebce76fa0099083ff2aaf5d5b913) refactor: changed breakpoint to small for send button - [`b50ae51`](https://github.com/hoppscotch/hoppscotch/commit/b50ae51b02a01c3df649caa5c59751b99265725c) refactor: renamed variables to match conventions - [`e2ed525`](https://github.com/hoppscotch/hoppscotch/commit/e2ed525d4dfcc1acfa66c23cc49e168b7d99c62d) refactor: introduced new title prop for slideover in panelayout ### 📊 Changes **3 files changed** (+180 additions, -150 deletions) <details> <summary>View changed files</summary> 📝 `packages/hoppscotch-common/src/components/app/PaneLayout.vue` (+24 -3) 📝 `packages/hoppscotch-common/src/components/http/Request.vue` (+155 -146) 📝 `packages/hoppscotch-ui/src/components/smart/SlideOver.vue` (+1 -1) </details> ### 📄 Description  ### Changes  - Redesigned the collection panel for mobile where it slides into view and occupies the full height of the screen, instead of using a 3rd pane to display the collections. ### Fixes - Fixed uneven width of send button in the REST page on mobile devices. ### Checks  - [x] My pull request adheres to the code style of this project - [ ] My code requires changes to the documentation - [ ] I have updated the documentation as required - [x] All the tests have passed --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>