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.

Sign up for GitHub

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

Jump to bottom

Update location bar buttons #237

Open
SuaYoo opened this issue Sep 11, 2023 · 1 comment
Open

Update location bar buttons #237

SuaYoo opened this issue Sep 11, 2023 · 1 comment
Assignees
@SuaYoo @Shrinks99
Milestone
ReplayWeb.Page Em...

Comments

@SuaYoo
Copy link
Contributor

SuaYoo commented Sep 11, 2023 •
edited by Shrinks99

Changes

  • Migrate to shoelace
  • Add home icon
  • Add info icon
  • Update icon library

Icons (bootstrap)

Listed in order of use, left to right

  • Show/Hide Sidebar: layout-sidebar
    • Toggles blue when sidebar is visible
  • Home: house
  • Back: arrow-left
  • Forward: arrow-right
  • Refresh: arrow-clockwise
  • Page Info: info-circle
  • Enter Fullscreen: arrows-fullscreen
    • Exit Fullscreen: fullscreen exit
  • Additional Actions: three-dots-vertical
    • Purge Cache & Full Reload: arrow-repeat (alternatively recycle?? Could be neat!🤔 )
    • View Archive Info: info-square

Mockups

ReplayWebpage GUI component in Figma

ReplayWebpage GUI
@SuaYoo SuaYoo added this to the ReplayWeb.Page Embed v2.0.0 milestone Sep 11, 2023
@Shrinks99 Shrinks99 mentioned this issue Mar 22, 2024
Closed
@Shrinks99
Copy link
Member

Shrinks99 commented Apr 5, 2024 •
edited

Looks like I've found out the hard way (see closed linked PR) that Shoelace's icon referencing scheme poses some challenges for ReplayWebpage where everything is referenced in-line as SVGs so it can be efficiently bundled. 😅

Noting here for future when it's eventually time to unify the icon sets that Browsertrix and our other apps use :)

@Shrinks99 Shrinks99 mentioned this issue Apr 5, 2024
Merged
ikreymer pushed a commit that referenced this issue Apr 7, 2024
@Shrinks99
2.0 UX Changes (#295)
ef6c748 
Partially addresses #237
- Unhides the load button on smaller screen sizes
  - There's no way to actually load new web archives when this is hidden
- Minor text updates
  - Renames MIME Type to Media Type
  - Punctuation fixes
- Reorder main application controls (#237)
  - Group navigation related controls together on the left side
  - Move full screen to the right side
  - Enable navigation controls on mobile
- Renames URLs tab to Resources - now that we have more space (because we moved the archived item info
to a dialog), we can make these titles visible when space is available to do so!
  - This is now in-line with the docs (both current and new!)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@SuaYoo SuaYoo

@Shrinks99 Shrinks99

Labels
None yet
Projects
Webrecorder Projects
Status: Ready
Milestone
ReplayWeb.Page Embed v2.0.0
Development

No branches or pull requests
2 participants
@SuaYoo @Shrinks99