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

Enhanced Responsive Image Manager #4265

Merged
merged 13 commits into from
May 29, 2023
Merged

Conversation

ssddanbrown
Copy link
Member

@ssddanbrown ssddanbrown commented May 24, 2023

Bit of a refresh for the image manager.

Related to #2535

Todo

  • Clean the search and filter buttons to be floating at the top of the image grid window, within the same row.
  • Add more detail when image selected (Creator, uploaded to) (Consider permissions).
  • Add ability to replace an image file.
    • Add this to the API also.
  • Update layout to work for mobile.
  • Auto load pages on scroll at bottom of view, if "load more" is active.
  • Test usability via keyboard/screen reader.
  • Test dark mode styles.
  • Remove image-manager-auto-show dev script in pages/edit.blade.php.

Makes interface relatively usable now on mobile sizes.
Required updating of tab handling to support tabs being active at only
mobile screen sizes, include change on resize, upon support for
potentially nested tab usage.
Tab component will now search within sensible depths for finding its own
tabs and panels to control.
- Updated search cancel to only show when a search is active.
- Updated gallery image load animation to be much faster.
- Updated UI with image form dropdown containing delete and replace
  image actions.
- Adds new endpoint and service/repo handling for replacing existing
  image.
- Includes tests to cover.
Direct route redirect does not seem to go via standard URL generator so
misses off generation via base URL.
- Updated tab handling to be smarter on initial tab selection, to first
  target non-hidden tab panels where they may be handled server-side.
- Extracted contained search box handling styles to _forms.scss, after
  merging with image-manager-specific styles since this is only usage of
  contained variant.
- Aligned focus handling on image manager UI elements.
Added extra labels, or removed duplicate info, to improve screen reader
ux after testing via gnome/fedora/firefox screen reader usage testing.
@ssddanbrown ssddanbrown merged commit 242d237 into development May 29, 2023
@ssddanbrown ssddanbrown deleted the image_manager_responsive branch May 29, 2023 16:02
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Development

Successfully merging this pull request may close these issues.

1 participant