Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Responsive Result Browser #465

Closed
rschwietzke opened this issue Feb 8, 2024 · 2 comments · Fixed by #500
Closed

Responsive Result Browser #465

rschwietzke opened this issue Feb 8, 2024 · 2 comments · Fixed by #500
Assignees
Labels
enhancement New feature or request report Change to report or reporting.
Milestone

Comments

@rschwietzke
Copy link
Contributor

rschwietzke commented Feb 8, 2024

For the purpose of monitoring, we sometimes require a mobile/responsive view to quickly check in whether a certain notification is worse following up.

Create a prototype of a responsive result browser which might have fewer features but still enables one to quickly check on the most important data even though some things might be quirky on a mobile UI. We talk about a smartphone here, not about a tablet.

The left navigation should be hidden and can be opened and closed manually. The overall size must be bigger to make it accessible. The right detail part must be zoomable, especially when we present just screenshots. The details for requests must be larger, not sure if this requires changing the ordering (columns to rows).

@rschwietzke rschwietzke added enhancement New feature or request report Change to report or reporting. labels Feb 8, 2024
@jowerner
Copy link
Contributor

jowerner commented Feb 9, 2024

See also #406.

@js-xc
Copy link
Contributor

js-xc commented May 16, 2024

Feel free to comment on current state of branch. Changes so far:

  • menu items got bigger on mobile
  • for mobile in portrait mode: row layout for menu and content, menu slider is gone, instead the menu can roll up and down (by expand icon in header, which I would prefer to replace by the hamburger menu item and use a filter icon for the filter menu instead, but in any case I have a feeling nobody notices or wants to use the expander icon for this, better ideas?)
  • if the action content is a screenshot (real browser tests) it can be switched between 100% size and fit width to available width on screen (not ideal, see point above) by button down right
  • style for request/reponse info tabs and beautify/highlight/select all buttons changed a bit to fit less space/new layout

Currently checking what we could do with swipe gestures here, but there's a lot of functionality in the reports and gestures might be ambiguous, too.

@js-xc js-xc linked a pull request May 23, 2024 that will close this issue
@jowerner jowerner added this to the 8.2.0 milestone May 27, 2024
jowerner pushed a commit that referenced this issue May 28, 2024
* bigger font in menu
* column layout in mobile/portrait mode
* filter menu made usable on mobile (full screen overlay)
* navigation can be expanded/hidden on mobile in portrait mode
* realbrowser action screenshots are sized to 100% screen width per default, zoomable
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request report Change to report or reporting.
Projects
None yet
Development

Successfully merging a pull request may close this issue.

3 participants