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

Bug/WP-779--[Regression] File preview is smaller compared to production #1032

Merged

Conversation

jalowe13
Copy link
Collaborator

@jalowe13 jalowe13 commented Dec 5, 2024

Overview

File preview is smaller compared to production

Related

Changes

  • Bootstrap embeded responsive 4x3 to ratio 4x3

Testing

  1. Upload an image to Datafiles
  2. Ensure File Preview matches production sizing

UI

Before
image

After
image

Production
image

Notes

  • This was due to the Bootstrap update from 4.3 to 5.11
  • Noticed a styling difference in the close X

Footnotes

  1. "Responsive embed helpers [renamed]"

Copy link

codecov bot commented Dec 5, 2024

Codecov Report

Attention: Patch coverage is 0% with 1 line in your changes missing coverage. Please review.

Project coverage is 72.68%. Comparing base (229d1cb) to head (f2c59ed).
Report is 1 commits behind head on main.

Files with missing lines Patch % Lines
...ataFiles/DataFilesModals/DataFilesPreviewModal.jsx 0.00% 1 Missing ⚠️
Additional details and impacted files

Impacted file tree graph

@@           Coverage Diff           @@
##             main    #1032   +/-   ##
=======================================
  Coverage   72.68%   72.68%           
=======================================
  Files         534      534           
  Lines       33657    33656    -1     
  Branches     2989     2989           
=======================================
  Hits        24464    24464           
+ Misses       8995     8994    -1     
  Partials      198      198           
Flag Coverage Δ
javascript 75.40% <0.00%> (+<0.01%) ⬆️
unittests 60.84% <ø> (ø)

Flags with carried forward coverage won't be shown. Click here to find out more.

Files with missing lines Coverage Δ
...ataFiles/DataFilesModals/DataFilesPreviewModal.jsx 60.00% <0.00%> (+0.51%) ⬆️

Copy link
Collaborator

@chandra-tacc chandra-tacc left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

nice find.

Copy link
Member

@wesleyboar wesleyboar left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thanks. This Bootstrap v5 breaking change is documented. I've added a link to it in the PR description as a footnote. I create a ticket, WP-812, for other relevant breaking changes.

Copy link
Member

@wesleyboar wesleyboar left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Good find. Note: Based on documentation, this [instance of updating] to v5 classes is incomplete.

@jalowe13 jalowe13 requested a review from wesleyboar December 9, 2024 17:05
Copy link
Contributor

@fnets fnets left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM! Works locally and still seems responsive.

@chandra-tacc chandra-tacc merged commit 764fcee into main Dec 10, 2024
5 of 6 checks passed
@chandra-tacc chandra-tacc deleted the bug/WP-779--File-preview-is-smaller-compared-to-production branch December 10, 2024 15:22
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants