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 1hC0Mu-0007PO-9V for pgsql-docs@arkaria.postgresql.org; Thu, 04 Apr 2019 11:17:16 +0000 Received: from localhost ([127.0.0.1] helo=malur.postgresql.org) by malur.postgresql.org with esmtp (Exim 4.89) (envelope-from ) id 1hC0Ms-0002Ew-P4 for pgsql-docs@arkaria.postgresql.org; Thu, 04 Apr 2019 11:17:14 +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 1hC0Ms-0002Ep-Du for pgsql-docs@lists.postgresql.org; Thu, 04 Apr 2019 11:17:14 +0000 Received: from out5-smtp.messagingengine.com ([66.111.4.29]) by makus.postgresql.org with esmtps (TLS1.2:ECDHE_RSA_AES_256_CBC_SHA1:256) (Exim 4.89) (envelope-from ) id 1hC0Ml-00060B-Ct for pgsql-docs@lists.postgresql.org; Thu, 04 Apr 2019 11:17:13 +0000 Received: from compute7.internal (compute7.nyi.internal [10.202.2.47]) by mailout.nyi.internal (Postfix) with ESMTP id B4F4622239; Thu, 4 Apr 2019 07:17:06 -0400 (EDT) Received: from mailfrontend1 ([10.202.2.162]) by compute7.internal (MEProxy); Thu, 04 Apr 2019 07:17:06 -0400 DKIM-Signature: v=1; a=rsa-sha256; c=relaxed/relaxed; d= messagingengine.com; h=content-type:date:from:in-reply-to :message-id:mime-version:references:subject:to:x-me-proxy :x-me-proxy:x-me-sender:x-me-sender:x-sasl-enc; s=fm2; bh=Aj5XUV pSOoBiXDn00C1Mqk5Pgm9iUJBGmwakbLf9KyI=; b=X6wYKewQlPzSVED5LUNhjO uDNO4M7ooFXkoD3l5/HGZJ+2QXxhXp8eWZ1Zj6Pe6z6W9Nkf2TpavwcpG39XEcW3 I/qlJ4QizecKhdRa32oLi37LDCcIyLsqqZS5LnnKqfgO6kTK0jrETqZCNhVKbdn9 +sefv02uIqmXF6t1nhJmD6xqzfwLSFe0raBCWheufLwVYrhAj2LLKsjQrK1Ky/vF wugLC4Z6vKmui2G3+Hda8bKT7jK2O8RPSB6kT8X9D2R7uu447dyWWgdErUItUjJv v3u4SQ4fmVMAgSAAbU+WwIToGyDjjTT2/LWGiH9fCtR1+5H8iGllRZS2b/oTOHFA == X-ME-Sender: X-ME-Proxy-Cause: gggruggvucftvghtrhhoucdtuddrgeduuddrtdehgdefjeculddtuddrgedutddrtddtmd cutefuodetggdotefrodftvfcurfhrohhfihhlvgemucfhrghsthforghilhdpqfgfvfdp uffrtefokffrpgfnqfghnecuuegrihhlohhuthemuceftddtnecusecvtfgvtghiphhivg hnthhsucdlqddutddtmdenucfjughrpefuvfhfhfhokffffgggjggtsehmtderredtfeej necuhfhrohhmpefrvghtvghrucfgihhsvghnthhrrghuthcuoehpvghtvghrrdgvihhsvg hnthhrrghuthesvdhnughquhgrughrrghnthdrtghomheqnecuffhomhgrihhnpedvnhgu qhhurggurhgrnhhtrdgtohhmnecukfhppeelfedrvdegfedrudekkedruddvvdenucfrrg hrrghmpehmrghilhhfrhhomhepphgvthgvrhdrvghishgvnhhtrhgruhhtsedvnhguqhhu rggurhgrnhhtrdgtohhmnecuvehluhhsthgvrhfuihiivgeptd X-ME-Proxy: Received: from april.pezone.net (p5df3bc7a.dip0.t-ipconnect.de [93.243.188.122]) by mail.messagingengine.com (Postfix) with ESMTPA id 82329E45F3; Thu, 4 Apr 2019 07:17:05 -0400 (EDT) Subject: Re: Responsive images in pgweb docs To: "Jonathan S. Katz" , 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> From: Peter Eisentraut Openpgp: preference=signencrypt Autocrypt: addr=peter.eisentraut@2ndquadrant.com; prefer-encrypt=mutual; keydata= xsFNBFUUt6kBEADZd9NNTBJbHmAXXJgPGOdd6Q73l80oifIVgn2tRxP9dYkCfTlo/yLqbKTl JNqTcyM6XrJDnB2sMEUGYCewYZXl+9C4bBJWyNqcEI1ae9u71vEq/fknFLArJ+2wN+f7QuRx Q8d94ZJAiJQ5g3fNk2HVeedCQCKP5dCzU+ZLt2dbsx1PDZLjTO9gf+JswWuGFb5wY5PZVM5V hq66Xk7ZJzHuARacza2RT7J2fkMmQBY+kr7L98Perb0GhafnlhXB0PvUB+N3xpmggMfwuhTu BngS/G/r3GvemxJuFxouw8xsMqrsfdksJXA2gLXYtwRCssdPV3PO0rlD9twqDo8URfIJ5fb6 1g/MV8aTOKjg3Q8MpJPtkwJqN4o3PvbwYdedeFnOVkkYAJdu/aX1v1BeCBDu7Hy3sF52scD3 pQbyQSl9vUDpTLarASAxNbAV0NRJE8dp4vfW6AH1ccryGiFqw/czPK/iN0+MT8wsjAW6WW4w hvjm5UPA1KTwi3ZT8eT5uycuH7QpuNk7LnGGXQ6KaRALFywzkr0A0V0AvFNa+l4wstMaXaB6 dmMXyF0/hfryqyOeu1gAdq4q0/PNC2dPgb/6uoh4eMjN6A5GXcprilhz5DulmsilY21hfSoU S64ODed96pKhprsOxjZiDRsN1QM5MwB+uwVWUNfsX7fIxE0BrwARAQABzSdQZXRlciBFaXNl bnRyYXV0IDxwZXRlckBlaXNlbnRyYXV0Lm9yZz7CwXoEEwEIACQCGwMFCwkIBwMFFQoJCAsF FgIDAQACHgECF4AFAlUUuKQCGQEACgkQoZ8SQ+xBJp8llw//RbGoXnF72FZTlOFsnNyxnWbF vViPCfdAlZl1GGK9OYCvV1dp/956HuhB0wpaGQHiBmQfOPJf/jLOPjXFYm2iEChEycrBChuE j4TSYemMp5BSPILYk9Uwd16kVD/+U6fQfK6H5pOhfBvbM6asMnmpY2wQuvktxHvaGlytFw84 EzFWNZtAZfxkw28w3AhIQkKe9hJanfyDL750RcbyEr8AAHty5IErrvS7tM5vQwIeh5BF26ND CyKPRdZgOgMpcwFfROKBDpAt052CgWIpNdhBdfIKlkCs4/ILxmC3rT/Mb/qZiHcoMMwEu6k+ T7vRAFZZAk62Yrr/U8/vUGKlzRZQoo86fyojCfI0ibCIc0z8rwCVY9P40G9wD9BTCZS/z8Vh jjpBlNnIKw2hM6hbxavKndCJjFFJD08rXrTyrLF/of18xD37vNdYooP9VATB5QjOWFRrscSZ 4a89e+to3m7YVnd4xdXwGp47dYusoax84C8tg1gZrH38ol9dPmnKX6GZrXeS7tH9k8VeUpJ8 HQbRThQRWAT936QpYbLConBmOtmbLmjQOGtiXPo1oK57X/7U/WBja5vWmm2q+Yxtt+3uHGVg DdDU4CJpXo4lX0v2n3QV5EBSW9hjdF3bNfl6GFBb1pPEhqNcMDUc7zkx/2uENdAdk/BnqMgH umip7b0pVfvOwU0EVRS3qQEQAJf6p0P7D+hMYUgCPkvgrcz6OJYsAYdUMUmokfqmkKwK0oJM ew8TNGM53ocKAgQGma5f10rwbZNPlpVPNRX5hwUmwVlcwSut0oE+JfUBH7mpysWvpF05RKIy q9RCoJZrAbXS7Tig56A1QD8IcM00rERZMcCOlI1+q9m4u9AOI+0LyGGSH+VvoyDHD/Jew4R2 TmPEF8Pu7lYiNYK88Q6u0kBkc+Tz3BNlyc6fi3HxnFfp0b75HLXPSTu2SwA/0Q31wHZXwrEU BR9KgSn/qbgy8ydPc97i82fhiFE3cbGexfPrQSMYmDGi+dcQ0s+AMQwC3XyMC0JkHpYUuFkR QdlIvaIhgFUUN2Vr4xF2ADaNTNFc4DYaiPHFAgHZw+3pZWqS4uIiWgJynrEaHw4F3QWU8/JB iyEWDhNq4WBrRA0u914TCCAoFOOKMnRdl8eJrRQKM/5/lXbHFjjlI/LDKhLRFsuQsnJJ3331 RjCzpHPZG5/p5KR1RHiAXa0p/DW5lXyq21hS3kjDlleoHqOxCN/cy0Jgz7qLDq1vZoCl67Sy RAH60c2Xu4may9SVltmot0OzWVHdrfS+85FQGp9580DaeLio7YMFKy2bfEvwQJ/c9xD2QPB+ oSb3V8ueSznXBG5+dyfOsZFRPxceA0wA2rSWZSjxLdKxvyGTj9vsCjaDu13rABEBAAHCwV8E GAEIAAkFAlUUt6kCGwwACgkQoZ8SQ+xBJp+HJhAAxmSTsC5y7p9Zu+nnLpucv/h88oEx985e qWeXzQiwM3pfRZS+PdTH9TyzHK0KOgKoAiubk0vt+BrT91D9d0G5kVQaTctAErGBoMkTaZJT XVEcNphiPzysdSqvprjojMp1y7rG8AP+Xd6m0rE1LRnkRRm8HyI8vdXsuLQPITGWXDLMjaNq AOV3BUnzkgtjMuIYw7SCr+12ZOb5dEKvaG4kjC4kaJ/TLbuBhVANcXkC90yp0AOZLs/cB1Dj OAXno/RUUruJ3r27a+pFv768UAi9QWcdw58yPxreMNMLqAgsS9oTHwHfGNWcB2dJ4UW+GMLJ hTf9TjQ2f+N/sIx5XMQ9pYw6CAJMK29qPx6/ZayrPxf22EXf0D3zTwIEZgwfSkynFVwV25L7 awQq60fifdMYheSxq7GbhpsixmcD+e161cCmLIt75YDt5bQ0B1yf7EmxG8n7pGZAOM6LoNsU fkSldba5XVwh8LuN5mK0nQBELGW6Os4TDq4REggLpfcvFC215zpuo0iCGnmE/Bns4nowqUSP u4tkWL+nxW4qgv8wo8HJ52jd79EJ8iqfIBoidBfy9AIUiEUApGQzWPu6yWcI8fY0rN5D+tc+ Yw1Zt6Mm+huYJpgCRsTcfzEcahnBn521CWcWvhW1ff3KFileFMtNmnBBhMncmRKHphtTKEpN 3jI= Organization: 2ndQuadrant Message-ID: <3aef325c-db3e-f11e-2eb2-154e19d5b667@2ndquadrant.com> Date: Thu, 4 Apr 2019 13:17:04 +0200 User-Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.14; rv:52.0) Gecko/20100101 Thunderbird/52.9.1 MIME-Version: 1.0 In-Reply-To: <8b7a73f8-920f-49bf-42f6-4761cddb4107@postgresql.org> Content-Type: multipart/mixed; boundary="------------5F1B4790EC1D3B13AC88AA58" Content-Language: en-US List-Id: List-Help: List-Subscribe: List-Post: List-Owner: List-Archive: Precedence: bulk This is a multi-part message in MIME format. --------------5F1B4790EC1D3B13AC88AA58 Content-Type: text/plain; charset=utf-8 Content-Transfer-Encoding: 7bit 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 look. This fixes it for the gin image. The pagelayout image still doesn't scale, presumably for the reasons you identified inside the SVG code. -- Peter Eisentraut http://www.2ndQuadrant.com/ PostgreSQL Development, 24x7 Support, Remote DBA, Training & Services --------------5F1B4790EC1D3B13AC88AA58 Content-Type: text/plain; charset=UTF-8; x-mac-type="0"; x-mac-creator="0"; name="0001-Better-scaling-of-images-in-HTML-output.patch" Content-Transfer-Encoding: base64 Content-Disposition: attachment; filename="0001-Better-scaling-of-images-in-HTML-output.patch" RnJvbSBlMjY0N2YyMjhmN2NiNGI1NTNlODU4YjYxYTBlODZmNzc0MGI2MjdlIE1vbiBTZXAg MTcgMDA6MDA6MDAgMjAwMQpGcm9tOiBQZXRlciBFaXNlbnRyYXV0IDxwZXRlckBlaXNlbnRy YXV0Lm9yZz4KRGF0ZTogVGh1LCA0IEFwciAyMDE5IDEzOjEzOjMwICswMjAwClN1YmplY3Q6 IFtQQVRDSF0gQmV0dGVyIHNjYWxpbmcgb2YgaW1hZ2VzIGluIEhUTUwgb3V0cHV0CgotLS0K IGRvYy9zcmMvc2dtbC9zdHlsZXNoZWV0LWh0bWwtY29tbW9uLnhzbCB8IDMgKystCiBkb2Mv c3JjL3NnbWwvc3R5bGVzaGVldC5jc3MgICAgICAgICAgICAgfCA2ICsrKysrKwogMiBmaWxl cyBjaGFuZ2VkLCA4IGluc2VydGlvbnMoKyksIDEgZGVsZXRpb24oLSkKCmRpZmYgLS1naXQg YS9kb2Mvc3JjL3NnbWwvc3R5bGVzaGVldC1odG1sLWNvbW1vbi54c2wgYi9kb2Mvc3JjL3Nn bWwvc3R5bGVzaGVldC1odG1sLWNvbW1vbi54c2wKaW5kZXggYjEwNTAwNTIzNS4uZjg5ZjM5 OTEyOSAxMDA2NDQKLS0tIGEvZG9jL3NyYy9zZ21sL3N0eWxlc2hlZXQtaHRtbC1jb21tb24u eHNsCisrKyBiL2RvYy9zcmMvc2dtbC9zdHlsZXNoZWV0LWh0bWwtY29tbW9uLnhzbApAQCAt MTMsOCArMTMsOSBAQAogCiA8IS0tIFBhcmFtZXRlcnMgLS0+CiA8eHNsOnBhcmFtIG5hbWU9 Im1ha2UudmFsaWQuaHRtbCIgc2VsZWN0PSIxIj48L3hzbDpwYXJhbT4KKzx4c2w6cGFyYW0g bmFtZT0iZm9ybWFsLm9iamVjdC5icmVhay5hZnRlciI+MDwveHNsOnBhcmFtPgogPHhzbDpw YXJhbSBuYW1lPSJnZW5lcmF0ZS5pZC5hdHRyaWJ1dGVzIiBzZWxlY3Q9IjEiPjwveHNsOnBh cmFtPgotPHhzbDpwYXJhbSBuYW1lPSJpZ25vcmUuaW1hZ2Uuc2NhbGluZyIgc2VsZWN0PSIx Ii8+Cis8eHNsOnBhcmFtIG5hbWU9Im1ha2UuZ3JhcGhpYy52aWV3cG9ydCIgc2VsZWN0PSIw Ii8+CiA8eHNsOnBhcmFtIG5hbWU9ImxpbmsubWFpbHRvLnVybCI+cGdzcWwtZG9jc0BsaXN0 cy5wb3N0Z3Jlc3FsLm9yZzwveHNsOnBhcmFtPgogPHhzbDpwYXJhbSBuYW1lPSJ0b2MubWF4 LmRlcHRoIj4yPC94c2w6cGFyYW0+CiAKZGlmZiAtLWdpdCBhL2RvYy9zcmMvc2dtbC9zdHls ZXNoZWV0LmNzcyBiL2RvYy9zcmMvc2dtbC9zdHlsZXNoZWV0LmNzcwppbmRleCBjMzU1ZmJl Y2FjLi44NTE4ODM5YmFjIDEwMDY0NAotLS0gYS9kb2Mvc3JjL3NnbWwvc3R5bGVzaGVldC5j c3MKKysrIGIvZG9jL3NyYy9zZ21sL3N0eWxlc2hlZXQuY3NzCkBAIC0xMDIsMyArMTAyLDkg QEAgdmFyCQl7IGZvbnQtZmFtaWx5OiBtb25vc3BhY2U7IGZvbnQtc3R5bGU6IGl0YWxpYzsg fQogYWNyb255bQkJeyBmb250LXN0eWxlOiBpbmhlcml0OyB9CiAKIC5vcHRpb24JCXsgd2hp dGUtc3BhY2U6IG5vd3JhcDsgfQorCitAbWVkaWEgKG1pbi13aWR0aDogODAwcHgpIHsKKyAg Lm1lZGlhb2JqZWN0IHsKKyAgICB3aWR0aDogNzUlOworICB9Cit9Ci0tIAoyLjIxLjAKCg== --------------5F1B4790EC1D3B13AC88AA58--