[PR #4006] [CLOSED] feat: hover placeholder transition for smartenvinput #4628

New issue

Closed

opened 2026-03-17 02:08:51 +03:00 by kerem · 0 comments

kerem commented

2026-03-17 02:08:51 +03:00

Owner

📋 Pull Request Information

Original PR: https://github.com/hoppscotch/hoppscotch/pull/4006
Author: @nivedin
Created: 4/24/2024
Status: ❌ Closed

Base: main ← Head: feat/app-experiment-animation

📝 Commits (8)

cf37fbd feat: hover placeholder transition for smartenvinput
5bac622 chore: update URL input
e6e300c chore: add fallback url if endpoint is empty while saving and sharing req
8fd6b2f chore: update default tab to have empty endpoint
10cb900 fix: revert text update in envinput for empty state
0c993d0 chore: add i18n and readonly to envinput
05ad84f chore: add fallback url and add reqIndex for graphql saving
7411e36 chore: remove readonly type

📊 Changes

14 files changed (+190 additions, -44 deletions)

View changed files

📝 packages/hoppscotch-common/locales/en.json (+2 -0)
📝 packages/hoppscotch-common/src/components/collections/SaveRequest.vue (+11 -0)
📝 packages/hoppscotch-common/src/components/collections/graphql/index.vue (+7 -12)
📝 packages/hoppscotch-common/src/components/collections/index.vue (+4 -0)
📝 packages/hoppscotch-common/src/components/graphql/Request.vue (+14 -11)
📝 packages/hoppscotch-common/src/components/graphql/RequestOptions.vue (+11 -2)
📝 packages/hoppscotch-common/src/components/http/Request.vue (+34 -11)
📝 packages/hoppscotch-common/src/components/share/index.vue (+5 -1)
📝 packages/hoppscotch-common/src/components/smart/EnvInput.vue (+69 -2)
📝 packages/hoppscotch-common/src/newstore/collections.ts (+10 -0)
📝 packages/hoppscotch-common/src/pages/graphql.vue (+4 -1)
📝 packages/hoppscotch-common/src/pages/index.vue (+11 -2)
📝 packages/hoppscotch-common/src/services/tab/graphql.ts (+4 -1)
📝 packages/hoppscotch-common/src/services/tab/rest.ts (+4 -1)

📄 Description

Closes HFE-482

Description

This PR adds placeholder hover transition effect on request URL input on both REST and GraphQl section

https://github.com/hoppscotch/hoppscotch/assets/53208152/67b9101d-9e00-4eca-a4e9-eaf699630710

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/4006 **Author:** [@nivedin](https://github.com/nivedin) **Created:** 4/24/2024 **Status:** ❌ Closed **Base:** `main` ← **Head:** `feat/app-experiment-animation` --- ### 📝 Commits (8) - [`cf37fbd`](https://github.com/hoppscotch/hoppscotch/commit/cf37fbd6100983e9b76753c7851e833c196aa215) feat: hover placeholder transition for smartenvinput - [`5bac622`](https://github.com/hoppscotch/hoppscotch/commit/5bac6222a0ff6d2140e96cbb938d412e5dba212c) chore: update URL input - [`e6e300c`](https://github.com/hoppscotch/hoppscotch/commit/e6e300ca8654cb70acf5aae9bcc5fc3935ee65b6) chore: add fallback url if endpoint is empty while saving and sharing req - [`8fd6b2f`](https://github.com/hoppscotch/hoppscotch/commit/8fd6b2ffb0ba1995260cd0e0faa04eb5bbb17aaf) chore: update default tab to have empty endpoint - [`10cb900`](https://github.com/hoppscotch/hoppscotch/commit/10cb900bd77d7731761e7c0d97715e64832dd54a) fix: revert text update in envinput for empty state - [`0c993d0`](https://github.com/hoppscotch/hoppscotch/commit/0c993d0e90b86ba3680a543fe6a89fbd2c518ccf) chore: add i18n and readonly to envinput - [`05ad84f`](https://github.com/hoppscotch/hoppscotch/commit/05ad84f372d928d000e347d8ef65f17fd74fc8bd) chore: add fallback url and add reqIndex for graphql saving - [`7411e36`](https://github.com/hoppscotch/hoppscotch/commit/7411e3688028103bd85cf128afa1e00354b16fe3) chore: remove readonly type ### 📊 Changes **14 files changed** (+190 additions, -44 deletions) <details> <summary>View changed files</summary> 📝 `packages/hoppscotch-common/locales/en.json` (+2 -0) 📝 `packages/hoppscotch-common/src/components/collections/SaveRequest.vue` (+11 -0) 📝 `packages/hoppscotch-common/src/components/collections/graphql/index.vue` (+7 -12) 📝 `packages/hoppscotch-common/src/components/collections/index.vue` (+4 -0) 📝 `packages/hoppscotch-common/src/components/graphql/Request.vue` (+14 -11) 📝 `packages/hoppscotch-common/src/components/graphql/RequestOptions.vue` (+11 -2) 📝 `packages/hoppscotch-common/src/components/http/Request.vue` (+34 -11) 📝 `packages/hoppscotch-common/src/components/share/index.vue` (+5 -1) 📝 `packages/hoppscotch-common/src/components/smart/EnvInput.vue` (+69 -2) 📝 `packages/hoppscotch-common/src/newstore/collections.ts` (+10 -0) 📝 `packages/hoppscotch-common/src/pages/graphql.vue` (+4 -1) 📝 `packages/hoppscotch-common/src/pages/index.vue` (+11 -2) 📝 `packages/hoppscotch-common/src/services/tab/graphql.ts` (+4 -1) 📝 `packages/hoppscotch-common/src/services/tab/rest.ts` (+4 -1) </details> ### 📄 Description Closes HFE-482 ### Description This PR adds placeholder hover transition effect on request URL input on both REST and GraphQl section https://github.com/hoppscotch/hoppscotch/assets/53208152/67b9101d-9e00-4eca-a4e9-eaf699630710 ### 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>