[PR #2202] [MERGED] refactor: remove footer on narrow screens #3668

New issue

Closed

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

kerem commented

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

Owner

📋 Pull Request Information

Original PR: https://github.com/hoppscotch/hoppscotch/pull/2202
Author: @joeljstephen
Created: 3/25/2022
Status: ✅ Merged
Merged: 3/29/2022
Merged by: @liyasthomas

Base: main ← Head: refactor/mobile-options-ui

📝 Commits (5)

9d30ece feat: introduced a new component that replaces the footer for mobile
7711b33 fix: fixed margin issues when sidebar collapses
a4c4d15 fix: changed icon of options to life-buoy
0dac4ea Merge branch 'main' into refactor/mobile-options-ui
23b7095 refactor: better support on header components

📊 Changes

5 files changed (+274 additions, -25 deletions)

View changed files

📝 packages/hoppscotch-app/components/app/Footer.vue (+0 -6)
📝 packages/hoppscotch-app/components/app/Header.vue (+21 -5)
➕ packages/hoppscotch-app/components/app/Options.vue (+210 -0)
📝 packages/hoppscotch-app/layouts/default.vue (+28 -10)
📝 packages/hoppscotch-app/locales/en.json (+15 -4)

📄 Description

Description

Removes the footer for mobile devices and introduces a new options component for mobile. Also fixes the margin issues when collapsing the bottom navbar.

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/2202 **Author:** [@joeljstephen](https://github.com/joeljstephen) **Created:** 3/25/2022 **Status:** ✅ Merged **Merged:** 3/29/2022 **Merged by:** [@liyasthomas](https://github.com/liyasthomas) **Base:** `main` ← **Head:** `refactor/mobile-options-ui` --- ### 📝 Commits (5) - [`9d30ece`](https://github.com/hoppscotch/hoppscotch/commit/9d30ece7922d33e433a4291a8e42593e2c1eb375) feat: introduced a new component that replaces the footer for mobile - [`7711b33`](https://github.com/hoppscotch/hoppscotch/commit/7711b3322e0273a8afbae3c048ccb0530b18b367) fix: fixed margin issues when sidebar collapses - [`a4c4d15`](https://github.com/hoppscotch/hoppscotch/commit/a4c4d15c3d12a309aad9ce0f97448f3245aacb15) fix: changed icon of options to life-buoy - [`0dac4ea`](https://github.com/hoppscotch/hoppscotch/commit/0dac4ead1b2800f0bd589aea85ab87153c432e37) Merge branch 'main' into refactor/mobile-options-ui - [`23b7095`](https://github.com/hoppscotch/hoppscotch/commit/23b70958ba9894e6bd870bbaf53c8ec01f2a1b68) refactor: better support on header components ### 📊 Changes **5 files changed** (+274 additions, -25 deletions) <details> <summary>View changed files</summary> 📝 `packages/hoppscotch-app/components/app/Footer.vue` (+0 -6) 📝 `packages/hoppscotch-app/components/app/Header.vue` (+21 -5) ➕ `packages/hoppscotch-app/components/app/Options.vue` (+210 -0) 📝 `packages/hoppscotch-app/layouts/default.vue` (+28 -10) 📝 `packages/hoppscotch-app/locales/en.json` (+15 -4) </details> ### 📄 Description  ### Description Removes the footer for mobile devices and introduces a new options component for mobile. Also fixes the margin issues when collapsing the bottom navbar.  ### 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>