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 1hC59v-0001Vh-93 for pgsql-docs@arkaria.postgresql.org; Thu, 04 Apr 2019 16:24:11 +0000 Received: from localhost ([127.0.0.1] helo=malur.postgresql.org) by malur.postgresql.org with esmtp (Exim 4.89) (envelope-from ) id 1hC59t-0003mW-4V for pgsql-docs@arkaria.postgresql.org; Thu, 04 Apr 2019 16:24:09 +0000 Received: from makus.postgresql.org ([2001:4800:3e1:1::229]) by malur.postgresql.org with esmtps (TLS1.2:ECDHE_RSA_AES_256_CBC_SHA1:256) (Exim 4.89) (envelope-from ) id 1hC59s-0003mD-KJ for pgsql-docs@lists.postgresql.org; Thu, 04 Apr 2019 16:24:08 +0000 Received: from meldrar.postgresql.org ([2a02:c0:301:0:ffff::31]) by makus.postgresql.org with esmtps (TLS1.2:ECDHE_RSA_AES_256_CBC_SHA1:256) (Exim 4.89) (envelope-from ) id 1hC59p-00054O-N3 for pgsql-docs@lists.postgresql.org; Thu, 04 Apr 2019 16:24:07 +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=xC52e1g2EqCj/gYRsiIvjddbdM1Dq9lWhQcNe9l9i1E=; b=F17WVhtvpPOl/S+4gyoC6CJW4u 08/Jjc1evE44M1obdwyi9kyBBcqxXAJrL01tApNJT1S7FSpXyCjt0UwAoBlZHzCX4Q46+RhLwve2j JLTaw3cqfvG9/CNfemUfraDbqig0LtFvD24UZJz/udzGa9fHItExI9P6pjaScWDqjJK0KmOHm26xr NHUAJt7CAnXGsfnTqtZXZh654X7tzZfH1k7R/FXYHADnZGhGqmZZg8gOUOpMJ7TZVO7J5G1bcx5Um U/pFvp/u5Mj79Uf67039lpKt0s/dhNfiAEGralIIwS6wkclUi59MujnpfPUZdALUUqwMsIj9hWsBI 3xt7bCJA==; Received: from [63.118.15.50] (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 1hC59j-0000LG-6k; Thu, 04 Apr 2019 16:24:02 +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> <8b7a73f8-920f-49bf-42f6-4761cddb4107@postgresql.org> <3aef325c-db3e-f11e-2eb2-154e19d5b667@2ndquadrant.com> From: "Jonathan S. Katz" Openpgp: preference=signencrypt Autocrypt: addr=jkatz@postgresql.org; keydata= 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 FmEC Message-ID: Date: Thu, 4 Apr 2019 12:23:56 -0400 User-Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.12; rv:60.0) Gecko/20100101 Thunderbird/60.6.1 MIME-Version: 1.0 In-Reply-To: <3aef325c-db3e-f11e-2eb2-154e19d5b667@2ndquadrant.com> Content-Type: multipart/signed; micalg=pgp-sha256; protocol="application/pgp-signature"; boundary="P3L9KOOqFHzJrp6I6JpKW8YA74oGzIbgp" X-Host-Lookup-Failed: Reverse DNS lookup failed for 63.118.15.50 (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) --P3L9KOOqFHzJrp6I6JpKW8YA74oGzIbgp Content-Type: multipart/mixed; boundary="tsk1U3BoiIfGWmhR5IFSKJWhFjIj9Cvew"; protected-headers="v1" From: "Jonathan S. Katz" To: Peter Eisentraut , Pg Docs Message-ID: 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> <8b7a73f8-920f-49bf-42f6-4761cddb4107@postgresql.org> <3aef325c-db3e-f11e-2eb2-154e19d5b667@2ndquadrant.com> In-Reply-To: <3aef325c-db3e-f11e-2eb2-154e19d5b667@2ndquadrant.com> --tsk1U3BoiIfGWmhR5IFSKJWhFjIj9Cvew Content-Type: multipart/mixed; boundary="------------B54492679B343FE04692A0B0" Content-Language: en-US This is a multi-part message in MIME format. --------------B54492679B343FE04692A0B0 Content-Type: text/plain; charset=utf-8 Content-Transfer-Encoding: quoted-printable On 4/4/19 7:17 AM, Peter Eisentraut wrote: > Here is a patch to improve this a bit. It turns back on making the SVG= > images in the HTML output scale with the page size. I also added some > CSS stuff to make the width 75% on large screens for a more pleasing lo= ok. >=20 > This fixes it for the gin image. The pagelayout image still doesn't > scale, presumably for the reasons you identified inside the SVG code. Tested against the local patch I have for pgweb for importing the docs with appropriate classes. The GIN SVG does indeed scale properly, thanks!= As you mention, pagelayout still does not properly scale as it needs the fix to scale. Given you kept the gin.svg as is and that has some of the widths on it, I'd propose we just add the viewbox on pagelayout.svg, i.e. viewBox=3D"0.00 0.00 610.00 210.00" Fix attached. I tested this in both the HTML build and with the import into pgweb with new patch, and it scaled correctly. Thanks, Jonathan --------------B54492679B343FE04692A0B0 Content-Type: text/plain; charset=UTF-8; x-mac-type="0"; x-mac-creator="0"; name="0001-Make-pagelayout.svg-scalable-based-viewport.patch" Content-Transfer-Encoding: base64 Content-Disposition: attachment; filename="0001-Make-pagelayout.svg-scalable-based-viewport.patch" RnJvbSBjYzI5YWE0MzI2OWJhN2JlYjExYTYxYWE5MzA5NjY5ODU0MGFmMTc5IE1vbiBTZXAg MTcgMDA6MDA6MDAgMjAwMQpGcm9tOiAiSm9uYXRoYW4gUy4gS2F0eiIgPGpvbmF0aGFuLmth dHpAZXhjb3ZlbnR1cmVzLmNvbT4KRGF0ZTogVGh1LCA0IEFwciAyMDE5IDEyOjIxOjM4IC0w NDAwClN1YmplY3Q6IFtQQVRDSCAyLzJdIE1ha2UgcGFnZWxheW91dC5zdmcgc2NhbGFibGUg YmFzZWQgdmlld3BvcnQuCgotLS0KIGRvYy9zcmMvc2dtbC9pbWFnZXMvcGFnZWxheW91dC5z dmcgfCAzICsrLQogMSBmaWxlIGNoYW5nZWQsIDIgaW5zZXJ0aW9ucygrKSwgMSBkZWxldGlv bigtKQoKZGlmZiAtLWdpdCBhL2RvYy9zcmMvc2dtbC9pbWFnZXMvcGFnZWxheW91dC5zdmcg Yi9kb2Mvc3JjL3NnbWwvaW1hZ2VzL3BhZ2VsYXlvdXQuc3ZnCmluZGV4IDZiODE5YTU1M2Uu LjNjZjg5ZjBhMTQgMTAwNjQ0Ci0tLSBhL2RvYy9zcmMvc2dtbC9pbWFnZXMvcGFnZWxheW91 dC5zdmcKKysrIGIvZG9jL3NyYy9zZ21sL2ltYWdlcy9wYWdlbGF5b3V0LnN2ZwpAQCAtMyw2 ICszLDcgQEAKICAgICB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnCiAgICAg d2lkdGg9JzYxMCcKICAgICBoZWlnaHQ9JzIxMCcKKyAgICB2aWV3Qm94PScwLjAwIDAuMDAg NjEwLjAwIDIxMC4wMCcKICAgICBzaGFwZS1yZW5kZXJpbmc9J2dlb21ldHJpY1ByZWNpc2lv bicKICAgICB2ZXJzaW9uPScxLjAnPgogICA8ZGVmcz4KQEAgLTM3LDQgKzM4LDQgQEAKICAg ICA8dGV4dCB4PSczMjQnIHk9JzE2NicgZm9udC1mYW1pbHk9J0NvdXJpZXInIGZvbnQtc2l6 ZT0nMTUnIHN0cm9rZT0nbm9uZScgZmlsbD0nIzAwMDAwMCcgPjwhW0NEQVRBW0l0ZW1dXT48 L3RleHQ+CiAgICAgPHRleHQgeD0nNTA5JyB5PScxNjYnIGZvbnQtZmFtaWx5PSdDb3VyaWVy JyBmb250LXNpemU9JzE1JyBzdHJva2U9J25vbmUnIGZpbGw9JyMwMDAwMDAnID48IVtDREFU QVtTcGVjaWFsXV0+PC90ZXh0PgogICA8L2c+Ci08L3N2Zz4KXCBObyBuZXdsaW5lIGF0IGVu ZCBvZiBmaWxlCis8L3N2Zz4KLS0gCjIuMTQuMyAoQXBwbGUgR2l0LTk4KQoK --------------B54492679B343FE04692A0B0-- --tsk1U3BoiIfGWmhR5IFSKJWhFjIj9Cvew-- --P3L9KOOqFHzJrp6I6JpKW8YA74oGzIbgp Content-Type: application/pgp-signature; name="signature.asc" Content-Description: OpenPGP digital signature Content-Disposition: attachment; filename="signature.asc" -----BEGIN PGP SIGNATURE----- iQIzBAEBCAAdFiEE+oS2la8r95ogZD/x8QSccp8cZScFAlymL5wACgkQ8QSccp8c ZSdcSg//Q49IQnUtTHnR7Ay6drJM828Nmx0jJBpUBt1AeEmMDcLmlg5cPYmwcHSI fSeDqkhLLjjaSNfKFqBwrbPItBaFy8c/ueSWcNnkJxzchofutfLWxC3sffahYXP1 hEsHfr34n7GSiFVbOvqgfZVYa1VIoeL9TngI0wwVIvg4jzbRUC2+DGFU1CZw5a7U IUE+LeCdSLfpTVfAMsyNtp+4i8CPE5gU3TBsdvIhM7ke10ITYNl7ufdvA+QT1Koh cU24qzdo0XM5zOCftlkifc5UC75zID6oT7tqdL9TxHXsjXY61niWL/ZT+Hw1r83J uVVcqteIMZtMcJZ44NnHTVeCioD6XtPob7t0VKWHAamqdkErP2asqT6XDNu7mp5q WKL/8NDBHFzH3tLI9Tlkd4nZLHot7uEVMZNvAJNQVMMJ54S19OxO93pl1k2O9AjU cAXo6nOdBCGsuSax7sTWRhjZPD6IJDF6/IOtG0uC7syZUjTre5Vb30v36QyOvQAZ c2qQUtZpC8CUvDbSDWOP5MO22DFUVoy2ggp1sp7nc+U6nXiS7OrnrO/EdCjHUq9Y jM4/PrpZ4d2GsiXgfJPuX6N5ybiiNAE9gtNxH/Z66VNAslBMJgc3/vQW+3fatOrm egnpN2Lz1NIpF0Frvw3CsIxlEUdzI4jcAPqhK56ZzMyEjYFRp3E= =iLYT -----END PGP SIGNATURE----- --P3L9KOOqFHzJrp6I6JpKW8YA74oGzIbgp--