Branch: refs/heads/master
Home: https://github.com/dreamwidth/dw-free
Commit: caf70f3ff5fcaa3a665ff4e1f1cea509d4628c16
https://github.com/dreamwidth/dw-free/commit/caf70f3ff5fcaa3a665ff4e1f1cea509d4628c16
Author: Nick Fagerlund nick.fagerlund@gmail.com
Date: 2020-12-01 (Tue, 01 Dec 2020)
Changed paths:
M htdocs/js/jquery.imageshrink.js
M htdocs/scss/components/imageshrink.scss
Log Message:
The Squish, Part Four
The quest to perfect this image-shrinking behavior continues. This time:
Distinguish between "normal" and "tall" (height > 2x width) casual images, and
let tall images scroll instead of fitting the viewport. Nicer un-zoomed state
for vertical comic strips.
Any image with a style="..."
attribute is exempt from the squish. Same
logic as the decorative code exemption: inline styles means you're spending
effort to make things Just So, and the only point of the squish is to save your
time when you don't want to spend effort. (Sidenote: we can't use the
width/height attributes as this kind of signal, because casual "share" copypasta
often has large w/h values.)
Use img width/height attributes as the maximum size for the zoomed-in state.
Nicer zoom behavior when using an over-resolution image to look good on retina
screens.