Received: from malur.postgresql.org ([217.196.149.56]) by arkaria.postgresql.org with esmtps (TLS1.2:ECDHE_RSA_AES_256_CBC_SHA1:256) (Exim 4.89) (envelope-from ) id 1hAy1x-0004Z6-NN for pgsql-docs@arkaria.postgresql.org; Mon, 01 Apr 2019 14:35:22 +0000 Received: from localhost ([127.0.0.1] helo=malur.postgresql.org) by malur.postgresql.org with esmtp (Exim 4.89) (envelope-from ) id 1hAy1v-00076n-Ca for pgsql-docs@arkaria.postgresql.org; Mon, 01 Apr 2019 14:35:19 +0000 Received: from magus.postgresql.org ([2a02:c0:301:0:ffff::29]) by malur.postgresql.org with esmtps (TLS1.2:ECDHE_RSA_AES_256_CBC_SHA1:256) (Exim 4.89) (envelope-from ) id 1hAy1v-00076g-4A for pgsql-docs@lists.postgresql.org; Mon, 01 Apr 2019 14:35:19 +0000 Received: from meldrar.postgresql.org ([2a02:c0:301:0:ffff::31]) by magus.postgresql.org with esmtps (TLS1.2:ECDHE_RSA_AES_256_CBC_SHA1:256) (Exim 4.89) (envelope-from ) id 1hAy1s-0006Zk-TA for pgsql-docs@lists.postgresql.org; Mon, 01 Apr 2019 14:35:18 +0000 DKIM-Signature: v=1; a=rsa-sha256; q=dns/txt; c=relaxed/relaxed; d=postgresql.org; s=20171124; h=Content-Type:In-Reply-To:MIME-Version:Date: Message-ID:From:References:To:Subject:Sender:Reply-To:Cc: Content-Transfer-Encoding:Content-ID:Content-Description; bh=n0KAz3HfdKRIh04+HZp35MY6TCJvqcEjet2/lnCxfUk=; b=gSeQA5TgeXsVBfWYsZZWqmXlei QCaBDsuvIUgR0IfRYBv4ca/vbKThoUUOhKVMIjQOQYFYkyehn/YwDKMDWmb9qcETj5jepMkfC3mGe QGtQ20fgXIWFmu9rDXTcj4FKFm+mHrZ0+PCsr+xIQYN7rPbKx1bqqzHuo00OB0YbS93WpfDIt5qpF OII89nNAQ68lA+yByvkMdPB3HF9k/ygVAoJEgdV32IB0mhoAeN2xzFXtyrmRuRTdvdo2YRYdJ5svG RMThI1jvoNrSWEv4G84+7ILLK6xFeK9CU48eRtD0FL//5sdL7eXsKGWKgTtPYYQi/SJGhJZKBNNUS Oy2YlMXQ==; Received: from [50.224.96.114] (helo=Ph33r-Retina.local) by meldrar.postgresql.org with esmtpsa (TLS1.2:ECDHE_RSA_AES_256_CBC_SHA1:256) (Exim 4.89) (envelope-from ) id 1hAy1q-0006jS-4l; Mon, 01 Apr 2019 14:35:16 +0000 Subject: Re: Responsive images in pgweb docs To: Peter Eisentraut , Pg Docs References: <6d2442d1-84a2-36ef-e014-b6d1ece8a139@postgresql.org> <696236df-5dd1-36a4-fb6a-84e40ecb10f8@2ndquadrant.com> <3a0d7bbd-c854-3fba-4079-acee9ff9c12a@postgresql.org> From: "Jonathan S. Katz" Openpgp: preference=signencrypt Autocrypt: addr=jkatz@postgresql.org; keydata= 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 FmEC Message-ID: <8b7a73f8-920f-49bf-42f6-4761cddb4107@postgresql.org> Date: Mon, 1 Apr 2019 10:35:10 -0400 User-Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.12; rv:60.0) Gecko/20100101 Thunderbird/60.6.0 MIME-Version: 1.0 In-Reply-To: Content-Type: multipart/signed; micalg=pgp-sha256; protocol="application/pgp-signature"; boundary="GwwV5VIuOPaOsDd6GrLyzcgvq4g9Dljem" X-Host-Lookup-Failed: Reverse DNS lookup failed for 50.224.96.114 (failed) List-Id: List-Help: List-Subscribe: List-Post: List-Owner: List-Archive: Precedence: bulk This is an OpenPGP/MIME signed message (RFC 4880 and 3156) --GwwV5VIuOPaOsDd6GrLyzcgvq4g9Dljem Content-Type: multipart/mixed; boundary="AvuxhFUZtDNK4oX64LOJOf3kpYTAa6JjO"; protected-headers="v1" From: "Jonathan S. Katz" To: Peter Eisentraut , Pg Docs Message-ID: <8b7a73f8-920f-49bf-42f6-4761cddb4107@postgresql.org> Subject: Re: Responsive images in pgweb docs References: <6d2442d1-84a2-36ef-e014-b6d1ece8a139@postgresql.org> <696236df-5dd1-36a4-fb6a-84e40ecb10f8@2ndquadrant.com> <3a0d7bbd-c854-3fba-4079-acee9ff9c12a@postgresql.org> In-Reply-To: --AvuxhFUZtDNK4oX64LOJOf3kpYTAa6JjO Content-Type: text/plain; charset=utf-8 Content-Language: en-US Content-Transfer-Encoding: quoted-printable 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 la= rge >>> screen. Is that better? >> >> Yes - we can control how much of the screen the image will take up wit= h >> the Bootstrap grid CSS classes, which is what the patch on the pgweb >> side does. >=20 > 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 --AvuxhFUZtDNK4oX64LOJOf3kpYTAa6JjO-- --GwwV5VIuOPaOsDd6GrLyzcgvq4g9Dljem Content-Type: application/pgp-signature; name="signature.asc" Content-Description: OpenPGP digital signature Content-Disposition: attachment; filename="signature.asc" -----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----- --GwwV5VIuOPaOsDd6GrLyzcgvq4g9Dljem--