Re: Responsive images in pgweb docs

On 4/1/19 8:22 AM, Peter Eisentraut wrote:
> On 2019-04-01 13:23, Jonathan S. Katz wrote:
>>> Image scaling is currently intentionally disabled for the HTML output
>>> (see ignore.image.scaling in stylesheet-html-common.xsl).  But if we
>>> turn it on, then the images will automatically be huge if you have large
>>> screen.  Is that better?
>>
>> Yes - we can control how much of the screen the image will take up with
>> the Bootstrap grid CSS classes, which is what the patch on the pgweb
>> side does.
> 
> How do you do it outside of Bootstrap?

Effectively you're adjusting the width of the container, in this case,
as a percentage.

So borrowing from upthread, Bootstrap divides your viewport into 12
columns. In the "large screen" format, I specified for the image to load
within 8 of those columns (col-xl-8) which is equiv to a width of 75% of
the viewport.

Jonathan

-----BEGIN PGP SIGNATURE-----

iQIzBAEBCAAdFiEE+oS2la8r95ogZD/x8QSccp8cZScFAlyiIZ4ACgkQ8QSccp8c
ZSeT/hAAlbfkn7FYhOV3bvmPJKkkQ4ceAe5Yhy9I2IrkmHtu4TxgbknXX9xwN8eu
oQgfa/dmI/MrF5OTUmnluhKUSdhjczQNRFPS12tfz7IyttOkEf/FDYQzN2nYoGd9
4lndaXRjLNLZOlVpPy/kiJKssbvsXz1g8AGeICBuHSjvQwYMoKQwzWuS4fbKH/t2
ohYb9JAwcFnaKVe4Da+3RCJQXCiYrH9Q4q6idkEp/4gTs3SnX6eFK2uzA/gcq3dy
VctHN9RH6iwdD/vTHAfXLrDVIicjSFI1rNTldltKMiFZNh121Bfd8Li9aBnmpaWd
uQcAy3DpPFWtvzyGJcGWufFAqenBthSee25d4LfSaaJejyZog25GfR4ChspCqpL1
E305MBcnL7Da8sRjIf7BhzDGLsB1vsk4Wtkme23Ef4Fqmf7jljnFsTKLd3Wz2PNJ
oNDg3pr5ZeObw8GdGGQEioMri0eZf95/ypGQvw6uxLf//S8CmgT6SVTqNVFRD8r9
Yd6kxpc6Bbs2KUwNH42YbDjWO72FPCyuttBanyPt0IlZff76eHF5w4Mv2M+T54ZX
jEK5oRfcJGe6K7wfL1XwxVUljnoP27KjS8R0xZQ1P5jYTh/TaqxuBxHp5MohfL/q
4NEJxGyM1Ld5Fe8Zfmf8no53se1/ksYQJ7JOVC0yHjRe2iShg44=
=lLoh
-----END PGP SIGNATURE-----