[PR #3497] [MERGED] chore: hoppscotch-ui improvements #4409

New issue

Closed

opened 2026-03-17 01:56:50 +03:00 by kerem · 0 comments

kerem commented

2026-03-17 01:56:50 +03:00

Owner

📋 Pull Request Information

Original PR: https://github.com/hoppscotch/hoppscotch/pull/3497
Author: @anwarulislam
Created: 11/6/2023
Status: ✅ Merged
Merged: 12/5/2023
Merged by: @AndrewBastin

Base: release/2023.12.0 ← Head: feat/hopp-ui-improvements

📝 Commits (10+)

29dbb8f fix: prettier and select-wrapper
37596e2 chore: only common related class isolated
98aa97b chore: remove material icon dependency
e663c00 chore: skip tailwind prettier plugin
63946d2 fix: min-w
d0c3836 fix: z-index
0b7cd29 fix: max-w
bd9a55c fix: request method colors
9ded566 fix: misc
e645e7a fix: banner colors

📊 Changes

69 files changed (+726 additions, -640 deletions)

View changed files

📝 packages/hoppscotch-common/.prettierrc.js (+0 -1)
📝 packages/hoppscotch-common/assets/scss/styles.scss (+17 -41)
📝 packages/hoppscotch-common/assets/themes/accent-themes.scss (+63 -63)
📝 packages/hoppscotch-common/assets/themes/base-themes.scss (+95 -42)
📝 packages/hoppscotch-common/assets/themes/editor-themes.scss (+35 -35)
📝 packages/hoppscotch-common/locales/en.json (+1 -1)
📝 packages/hoppscotch-common/src/components.d.ts (+2 -0)
📝 packages/hoppscotch-common/src/components/app/Banner.vue (+11 -15)
📝 packages/hoppscotch-common/src/components/app/Header.vue (+158 -146)
📝 packages/hoppscotch-common/src/components/app/spotlight/Entry.vue (+5 -5)
📝 packages/hoppscotch-common/src/components/app/spotlight/index.vue (+1 -1)
📝 packages/hoppscotch-common/src/components/collections/Collection.vue (+2 -2)
📝 packages/hoppscotch-common/src/components/collections/ImportExport.vue (+2 -2)
📝 packages/hoppscotch-common/src/components/collections/Request.vue (+1 -6)
📝 packages/hoppscotch-common/src/components/collections/TeamCollections.vue (+2 -2)
📝 packages/hoppscotch-common/src/components/collections/index.vue (+2 -2)
📝 packages/hoppscotch-common/src/components/environments/Add.vue (+4 -4)
📝 packages/hoppscotch-common/src/components/environments/Selector.vue (+18 -11)
📝 packages/hoppscotch-common/src/components/graphql/Authorization.vue (+3 -3)
📝 packages/hoppscotch-common/src/components/graphql/Sidebar.vue (+1 -1)

...and 49 more files

📄 Description

Description

This PR aims to improve hoppscotch-ui package-related issues. And fix broken things. The following issues are fixed

Prettier fixed on hoppscotch-common
HoppSelectWrapper component was added instead of CSS class select-wrapper
HoppCheckBox revamped
Remove material-icon dependency

_{🔄 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/3497 **Author:** [@anwarulislam](https://github.com/anwarulislam) **Created:** 11/6/2023 **Status:** ✅ Merged **Merged:** 12/5/2023 **Merged by:** [@AndrewBastin](https://github.com/AndrewBastin) **Base:** `release/2023.12.0` ← **Head:** `feat/hopp-ui-improvements` --- ### 📝 Commits (10+) - [`29dbb8f`](https://github.com/hoppscotch/hoppscotch/commit/29dbb8fa2623219500496d6ff49bf35080014a5c) fix: prettier and select-wrapper - [`37596e2`](https://github.com/hoppscotch/hoppscotch/commit/37596e214a6941f64af461cdae0ad415c6608f49) chore: only common related class isolated - [`98aa97b`](https://github.com/hoppscotch/hoppscotch/commit/98aa97b3733729b9e71842c3d8e02fa22b2a1ab9) chore: remove material icon dependency - [`e663c00`](https://github.com/hoppscotch/hoppscotch/commit/e663c00d1c6aa9929775203da899707036d7b1e7) chore: skip tailwind prettier plugin - [`63946d2`](https://github.com/hoppscotch/hoppscotch/commit/63946d20f9a31f0bb75dd1f0f57e6762269054a7) fix: min-w - [`d0c3836`](https://github.com/hoppscotch/hoppscotch/commit/d0c383651822116330e30ac1c76fe6881c58eab1) fix: z-index - [`0b7cd29`](https://github.com/hoppscotch/hoppscotch/commit/0b7cd29647d8e3a8c5c6482261041b9a9d21fdd1) fix: max-w - [`bd9a55c`](https://github.com/hoppscotch/hoppscotch/commit/bd9a55cebc066c4dd60b5bac5916d7331feea8b8) fix: request method colors - [`9ded566`](https://github.com/hoppscotch/hoppscotch/commit/9ded566af2c4181c229af45e4a71de14f03f3b33) fix: misc - [`e645e7a`](https://github.com/hoppscotch/hoppscotch/commit/e645e7affbc3977100e297d670f5c9ab3c688a13) fix: banner colors ### 📊 Changes **69 files changed** (+726 additions, -640 deletions) <details> <summary>View changed files</summary> 📝 `packages/hoppscotch-common/.prettierrc.js` (+0 -1) 📝 `packages/hoppscotch-common/assets/scss/styles.scss` (+17 -41) 📝 `packages/hoppscotch-common/assets/themes/accent-themes.scss` (+63 -63) 📝 `packages/hoppscotch-common/assets/themes/base-themes.scss` (+95 -42) 📝 `packages/hoppscotch-common/assets/themes/editor-themes.scss` (+35 -35) 📝 `packages/hoppscotch-common/locales/en.json` (+1 -1) 📝 `packages/hoppscotch-common/src/components.d.ts` (+2 -0) 📝 `packages/hoppscotch-common/src/components/app/Banner.vue` (+11 -15) 📝 `packages/hoppscotch-common/src/components/app/Header.vue` (+158 -146) 📝 `packages/hoppscotch-common/src/components/app/spotlight/Entry.vue` (+5 -5) 📝 `packages/hoppscotch-common/src/components/app/spotlight/index.vue` (+1 -1) 📝 `packages/hoppscotch-common/src/components/collections/Collection.vue` (+2 -2) 📝 `packages/hoppscotch-common/src/components/collections/ImportExport.vue` (+2 -2) 📝 `packages/hoppscotch-common/src/components/collections/Request.vue` (+1 -6) 📝 `packages/hoppscotch-common/src/components/collections/TeamCollections.vue` (+2 -2) 📝 `packages/hoppscotch-common/src/components/collections/index.vue` (+2 -2) 📝 `packages/hoppscotch-common/src/components/environments/Add.vue` (+4 -4) 📝 `packages/hoppscotch-common/src/components/environments/Selector.vue` (+18 -11) 📝 `packages/hoppscotch-common/src/components/graphql/Authorization.vue` (+3 -3) 📝 `packages/hoppscotch-common/src/components/graphql/Sidebar.vue` (+1 -1) _...and 49 more files_ </details> ### 📄 Description ### Description This PR aims to improve `hoppscotch-ui` package-related issues. And fix broken things. The following issues are fixed - Prettier fixed on `hoppscotch-common` - `HoppSelectWrapper` component was added instead of CSS class `select-wrapper` - `HoppCheckBox` revamped - Remove `material-icon` dependency --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>