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

Screenshots are cropped #38

Open

lassoan opened this issue Aug 12, 2021 · 2 comments

Contributor

lassoan commented Aug 12, 2021

Screenshot images are displayed cropped, see for example SlicerRT:

Also, when clicking on the image, it should be shown maximized.

Contributor

jcfr commented Oct 21, 2022

Setting background-size: contain to the div including the image allow to have the screenshot properly sized.

See https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Backgrounds_and_Borders/Resizing_background_images#special_values_contain_and_cover

Before	After

Contributor

jcfr commented Oct 21, 2022 •

edited

Loading

Next step:

Associate style with the element by updating https://github.com/KitwareMedical/slicer-extensions-webapp/blob/main/src/views/ExtensionDetails.vue

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment