[PR #3003] [MERGED] chore: improve tabs scrollbar & unsaved request indicator #4183

New issue

Closed

opened 2026-03-17 01:44:33 +03:00 by kerem · 0 comments

kerem commented

2026-03-17 01:44:33 +03:00

Owner

📋 Pull Request Information

Original PR: https://github.com/hoppscotch/hoppscotch/pull/3003
Author: @liyasthomas
Created: 4/18/2023
Status: ✅ Merged
Merged: 4/21/2023
Merged by: @AndrewBastin

Base: main ← Head: improve-windows

📝 Commits (3)

2c9ffcb chore: improve tabs scrollbar & unsaved request indicator
9b80705 Merge branch 'main' into improve-windows
0b28218 Merge branch 'main' into improve-windows

📊 Changes

2 files changed (+41 additions, -26 deletions)

View changed files

📝 packages/hoppscotch-common/src/pages/index.vue (+8 -3)
📝 packages/hoppscotch-ui/src/components/smart/Windows.vue (+33 -23)

📄 Description

Description

This PR improves the window tab styles, mainly:

Added hover, active states to the horizontal scrollbar in tabs pane, changed the scrollbar color from hard-coded grey to match the theme colors.
Match unsaved request indicator to theme's styles, and decreased it's size a bit.
Convert CSS3 styles to WindiCSS/Tailwind flavoured snippets.

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/3003 **Author:** [@liyasthomas](https://github.com/liyasthomas) **Created:** 4/18/2023 **Status:** ✅ Merged **Merged:** 4/21/2023 **Merged by:** [@AndrewBastin](https://github.com/AndrewBastin) **Base:** `main` ← **Head:** `improve-windows` --- ### 📝 Commits (3) - [`2c9ffcb`](https://github.com/hoppscotch/hoppscotch/commit/2c9ffcb001152268fcdf9db6ca65bbd2c2565876) chore: improve tabs scrollbar & unsaved request indicator - [`9b80705`](https://github.com/hoppscotch/hoppscotch/commit/9b80705f4dade4cb960f42ed4ee509f606d212f0) Merge branch 'main' into improve-windows - [`0b28218`](https://github.com/hoppscotch/hoppscotch/commit/0b28218739eda550b608f2119f0b4a8a9fee6e82) Merge branch 'main' into improve-windows ### 📊 Changes **2 files changed** (+41 additions, -26 deletions) <details> <summary>View changed files</summary> 📝 `packages/hoppscotch-common/src/pages/index.vue` (+8 -3) 📝 `packages/hoppscotch-ui/src/components/smart/Windows.vue` (+33 -23) </details> ### 📄 Description ### Description This PR improves the window tab styles, mainly: 1. Added hover, active states to the horizontal scrollbar in tabs pane, changed the scrollbar color from hard-coded grey to match the theme colors. 2. Match unsaved request indicator to theme's styles, and decreased it's size a bit. 3. Convert CSS3 styles to WindiCSS/Tailwind flavoured snippets. ### 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>