From: Jonathan S. Katz <jkatz@postgresql.org>
To: Peter Eisentraut <peter.eisentraut@2ndquadrant.com>
To: Pg Docs <pgsql-docs@lists.postgresql.org>
Subject: Re: Responsive images in pgweb docs
Date: Mon, 1 Apr 2019 10:35:10 -0400
Message-ID: <8b7a73f8-920f-49bf-42f6-4761cddb4107@postgresql.org> (raw)
In-Reply-To: <d21960d2-aa88-9846-0149-bdf2f8f4cbfd@2ndquadrant.com>
References: <6d2442d1-84a2-36ef-e014-b6d1ece8a139@postgresql.org>
<696236df-5dd1-36a4-fb6a-84e40ecb10f8@2ndquadrant.com>
<3a0d7bbd-c854-3fba-4079-acee9ff9c12a@postgresql.org>
<d21960d2-aa88-9846-0149-bdf2f8f4cbfd@2ndquadrant.com>
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
Attachments:
[application/pgp-signature] signature.asc (832B, ../8b7a73f8-920f-49bf-42f6-4761cddb4107@postgresql.org/2-signature.asc)
download
Reply instructions:
You may reply publicly to this message via plain-text email
using any one of the following methods:
* Reply to all the recipients using the --to and --cc options:
reply via email
To: pgsql-docs@postgresql.org
Cc: jkatz@postgresql.org, peter.eisentraut@2ndquadrant.com, pgsql-docs@lists.postgresql.org
Subject: Re: Responsive images in pgweb docs
In-Reply-To: <8b7a73f8-920f-49bf-42f6-4761cddb4107@postgresql.org>
* Save the following mbox file, import it into your mail client,
and reply-to-all from there: mbox
This inbox is served by DDX for PostgreSQL; see mirroring instructions
for how to clone and mirror all data and code used for this inbox