mirror of
https://github.com/hoppscotch/hoppscotch.git
synced 2026-04-25 16:55:59 +03:00
[GH-ISSUE #236] [UI] [UX] Allow app to take width of browser #87
Labels
No labels
CodeDay
a11y
browser limited
bug
bug fix
cli
core
critical
design
desktop
discussion
docker
documentation
duplicate
enterprise
feature
feature
fosshack
future
good first issue
hacktoberfest
help wanted
i18n
invalid
major
minor
need information
need testing
not applicable to hoppscotch
not reproducible
pull-request
question
refactor
resolved
sandbox
self-host
spam
stale
testmu
wip
wont fix
No milestone
No project
No assignees
1 participant
Notifications
Due date
No due date set.
Dependencies
No dependencies set.
Reference
starred/hoppscotch#87
Loading…
Add table
Add a link
Reference in a new issue
No description provided.
Delete branch "%!s()"
Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?
Originally created by @sheecegardezi on GitHub (Oct 31, 2019).
Original GitHub issue: https://github.com/hoppscotch/hoppscotch/issues/236
Originally assigned to: @sheecegardezi, @liyasthomas on GitHub.
Is your feature request related to a problem? Please describe.
I want to see the complete strings for Path and URL under the Response section. Even if I increase the size of the browser the app keeps a fixed width.
Describe the solution you'd like
In file default.vue
.......
header,
#main,
footer {
margin: 0 auto;
max-width: 1200px;
}
.....
I want an option to unset max-width property.
Alternative solutions or features you've considered.
Commented out this property
@liyasthomas commented on GitHub (Oct 31, 2019):
Yeah! That's okay to consider. Anyway I'm redesigning the whole UI with a 3 column design.
[History, Collections] on left
[Request, Auth, Headers, Params] on middle
Sticky [Response] on right
@sheecegardezi commented on GitHub (Nov 1, 2019):
Can I be assigned to implement this feature?
@liyasthomas commented on GitHub (Nov 1, 2019):
I will ping you @sheecegardezi after deploying the initial UI update today itself. Only proceed after that.
@liyasthomas commented on GitHub (Nov 1, 2019):
@sheecegardezi Initial update is deployed to production 🔥
Now we can work on it! For more communications, join our public Telegram group: https://t.me/postwoman_app or Discord Server: https://discord.gg/GAMWxmR
@AtomicMaya commented on GitHub (Nov 1, 2019):
UI is scrunched and overlaps on mobile devices (Android).
Steps to reproduce :
@liyasthomas commented on GitHub (Nov 1, 2019):
Will look into it ASAP
@liyasthomas commented on GitHub (Nov 1, 2019):
@AtomicNicos do a hard refresh and check whether the issue persist.
@liyasthomas commented on GitHub (Nov 2, 2019):
@sheecegardezi any suggestions for the UI?
@NBTX commented on GitHub (Nov 2, 2019):
@liyasthomas for the nav bar - perhaps some more padding at the top and a massive z-index so the other elements don't go on to of it.
Otherwise, it's just a case of looking through on mobile and seeing which components need refining I guess.
@liyasthomas commented on GitHub (Nov 2, 2019):
I can't reproduce any bugs on my mobile 😕
Everything seems to be perfect here! Otherwise I wouldn't have pushed to production. @sheecegardezi help me out to find that bug.
@sheecegardezi commented on GitHub (Nov 3, 2019):
I will test it out today and update.
@sheecegardezi commented on GitHub (Nov 3, 2019):
App does take the width of browsers in desktop
For me postwoman.web.app did not load on Chrome iPhone 6s, I mimicked the change in behaviors on the desktop by rooming-in:
The boxed icons break into rows as zoom was increased, One solution could be collapsing the boxed icons in "3 vertical dots" drop-down-menu
Maybe along with the vertical line identify Collection, folder, and request also having line horizontal line would make it easy to identify which option belongs to which category
@liyasthomas commented on GitHub (Nov 3, 2019):
Thanks for the quick response and suggestions! Will look into it ASAP.
@liyasthomas commented on GitHub (Nov 4, 2019):
@all-contributors please add @liyasthomas for code
@allcontributors[bot] commented on GitHub (Nov 4, 2019):
@liyasthomas
I've put up a pull request to add @liyasthomas! 🎉
@liyasthomas commented on GitHub (Nov 4, 2019):
@all-contributors please add @NBTX for code
@allcontributors[bot] commented on GitHub (Nov 4, 2019):
@liyasthomas
I've put up a pull request to add @NBTX! 🎉
@liyasthomas commented on GitHub (Nov 4, 2019):
@all-contributors please add @larouxn for code
@allcontributors[bot] commented on GitHub (Nov 4, 2019):
@liyasthomas
I've put up a pull request to add @larouxn! 🎉
@liyasthomas commented on GitHub (Nov 4, 2019):
@all-contributors please add @yubathom @nickpalenchar @terranblake @AndrewBastin @vlad0337187 @izerozlu @JacobAnavisca @nityanandagohain @hosseinnedaee for code
@allcontributors[bot] commented on GitHub (Nov 4, 2019):
@liyasthomas
I've put up a pull request to add @yubathom! 🎉
@liyasthomas commented on GitHub (Nov 4, 2019):
@all-contributors please add @nickpalenchar for code
@allcontributors[bot] commented on GitHub (Nov 4, 2019):
@liyasthomas
I've put up a pull request to add @nickpalenchar! 🎉
@liyasthomas commented on GitHub (Nov 4, 2019):
@all-contributors please add @terranblake for code
@allcontributors[bot] commented on GitHub (Nov 4, 2019):
@liyasthomas
I've put up a pull request to add @terranblake! 🎉
@liyasthomas commented on GitHub (Nov 4, 2019):
@all-contributors please add @AndrewBastin for code
@allcontributors[bot] commented on GitHub (Nov 4, 2019):
@liyasthomas
I've put up a pull request to add @AndrewBastin! 🎉
@liyasthomas commented on GitHub (Nov 4, 2019):
@all-contributors please add @vlad0337187 for code
@allcontributors[bot] commented on GitHub (Nov 4, 2019):
@liyasthomas
I've put up a pull request to add @vlad0337187! 🎉
@liyasthomas commented on GitHub (Nov 4, 2019):
@all-contributors please add @izerozlu for code
@allcontributors[bot] commented on GitHub (Nov 4, 2019):
@liyasthomas
I've put up a pull request to add @izerozlu! 🎉
@liyasthomas commented on GitHub (Nov 4, 2019):
@all-contributors please add @JacobAnavisca for code
@allcontributors[bot] commented on GitHub (Nov 4, 2019):
@liyasthomas
I've put up a pull request to add @JacobAnavisca! 🎉
@liyasthomas commented on GitHub (Nov 4, 2019):
@all-contributors please add @nityanandagohain for code
@allcontributors[bot] commented on GitHub (Nov 4, 2019):
@liyasthomas
I've put up a pull request to add @nityanandagohain! 🎉
@liyasthomas commented on GitHub (Nov 4, 2019):
@all-contributors please add @hosseinnedaee for code
@allcontributors[bot] commented on GitHub (Nov 4, 2019):
@liyasthomas
I've put up a pull request to add @hosseinnedaee! 🎉
@liyasthomas commented on GitHub (Nov 4, 2019):
@all-contributors please add @liyasthomas for design
@allcontributors[bot] commented on GitHub (Nov 4, 2019):
@liyasthomas
I've put up a pull request to add @liyasthomas! 🎉