Skip to content

fix(my-collection): fixes image browser layout #15987

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

Conversation

dzucconi
Copy link
Member

Obvious annoyance noticed when using the product this weekend. The gallery would start collapsed with overlapping arrows while the image loads. Then different sized images would shift around the content.

It's funny to me how almost every layout bug falls out of someone not obeying the golden rule

Also switched this to use Force's TopContextBar for consistency.

cc @artsy/diamond-devs

@dzucconi dzucconi requested a review from a team August 12, 2025 12:59
@dzucconi dzucconi self-assigned this Aug 12, 2025
@dzucconi dzucconi force-pushed the DIA-1444-my-collection-image-gallery-collapses-until-load-content-shifts-when-changing-images branch from 5e99f2b to a31e0c7 Compare August 12, 2025 12:59
@@ -31,12 +31,10 @@ export const MyCollectionArtworkImageBrowser: React.FC<
}

return (
<Flex mb={[1, 0]}>
Copy link
Member Author

Choose a reason for hiding this comment

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

This, basically.

Copy link

relativeci bot commented Aug 12, 2025

#3869 Bundle Size — 9.33MiB (~+0.01%).

efc16e2(current) vs 0a010e0 main#3865(baseline)

Warning

Bundle contains 36 duplicate packages – View duplicate packages

Bundle metrics  Change 5 changes Regression 1 regression Improvement 1 improvement
                 Current
#3869
     Baseline
#3865
Improvement  Initial JS 3.7MiB(~-0.01%) 3.7MiB
No change  Initial CSS 0B 0B
Change  Cache Invalidation 50.75% 38.24%
No change  Chunks 104 104
No change  Assets 107 107
Change  Modules 6014(-0.02%) 6015
Regression  Duplicate Modules 578(+0.17%) 577
Change  Duplicate Code 4.32%(+0.23%) 4.31%
No change  Packages 303 303
No change  Duplicate Packages 35 35
Bundle size by type  Change 2 changes Regression 1 regression Improvement 1 improvement
                 Current
#3869
     Baseline
#3865
Regression  JS 9.19MiB (~+0.01%) 9.19MiB
Improvement  Other 146.59KiB (~-0.01%) 146.6KiB

Bundle analysis reportBranch DIA-1444-my-collection-image-gal...Project dashboard


Generated by RelativeCIDocumentationReport issue

@dzucconi dzucconi force-pushed the DIA-1444-my-collection-image-gallery-collapses-until-load-content-shifts-when-changing-images branch from 340e1bf to efc16e2 Compare August 12, 2025 13:17
@dzucconi dzucconi merged commit 5c2e060 into main Aug 12, 2025
10 checks passed
@dzucconi dzucconi deleted the DIA-1444-my-collection-image-gallery-collapses-until-load-content-shifts-when-changing-images branch August 12, 2025 13:28
@artsy-peril artsy-peril bot mentioned this pull request Aug 12, 2025
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.

1 participant