pg.ddx.io pgsql-docs@postgresql.org mailing list archive help / color / mirror / Atom feed From: Peter Eisentraut <peter.eisentraut@2ndquadrant.com>
To: Jonathan S. Katz <jkatz@postgresql.org>
To: Pg Docs <pgsql-docs@lists.postgresql.org>
Subject: Re: Responsive images in pgweb docs
Date: Thu, 4 Apr 2019 13:17:04 +0200
Message-ID: <3aef325c-db3e-f11e-2eb2-154e19d5b667@2ndquadrant.com> (raw )
In-Reply-To: <8b7a73f8-920f-49bf-42f6-4761cddb4107@postgresql.org >
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 >
<8b7a73f8-920f-49bf-42f6-4761cddb4107@postgresql.org >
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
From e2647f228f7cb4b553e858b61a0e86f7740b627e Mon Sep 17 00:00:00 2001
From: Peter Eisentraut <peter@eisentraut.org>
Date: Thu, 4 Apr 2019 13:13:30 +0200
Subject: [PATCH] Better scaling of images in HTML output
---
doc/src/sgml/stylesheet-html-common.xsl | 3 ++-
doc/src/sgml/stylesheet.css | 6 ++++++
2 files changed, 8 insertions(+), 1 deletion(-)
diff --git a/doc/src/sgml/stylesheet-html-common.xsl b/doc/src/sgml/stylesheet-html-common.xsl
index b105005235..f89f399129 100644
--- a/doc/src/sgml/stylesheet-html-common.xsl
+++ b/doc/src/sgml/stylesheet-html-common.xsl
@@ -13,8 +13,9 @@
<!-- Parameters -->
<xsl:param name="make.valid.html" select="1"></xsl:param>
+<xsl:param name="formal.object.break.after">0</xsl:param>
<xsl:param name="generate.id.attributes" select="1"></xsl:param>
-<xsl:param name="ignore.image.scaling" select="1"/>
+<xsl:param name="make.graphic.viewport" select="0"/>
<xsl:param name="link.mailto.url">pgsql-docs@lists.postgresql.org</xsl:param>
<xsl:param name="toc.max.depth">2</xsl:param>
diff --git a/doc/src/sgml/stylesheet.css b/doc/src/sgml/stylesheet.css
index c355fbecac..8518839bac 100644
--- a/doc/src/sgml/stylesheet.css
+++ b/doc/src/sgml/stylesheet.css
@@ -102,3 +102,9 @@ var { font-family: monospace; font-style: italic; }
acronym { font-style: inherit; }
.option { white-space: nowrap; }
+
+@media (min-width: 800px) {
+ .mediaobject {
+ width: 75%;
+ }
+}
--
2.21.0
Attachments:
[text/plain] 0001-Better-scaling-of-images-in-HTML-output.patch (1.4K, ../3aef325c-db3e-f11e-2eb2-154e19d5b667@2ndquadrant.com/2-0001-Better-scaling-of-images-in-HTML-output.patch)
download | inline diff:
From e2647f228f7cb4b553e858b61a0e86f7740b627e Mon Sep 17 00:00:00 2001
From: Peter Eisentraut <peter@eisentraut.org>
Date: Thu, 4 Apr 2019 13:13:30 +0200
Subject: [PATCH] Better scaling of images in HTML output
---
doc/src/sgml/stylesheet-html-common.xsl | 3 ++-
doc/src/sgml/stylesheet.css | 6 ++++++
2 files changed, 8 insertions(+), 1 deletion(-)
diff --git a/doc/src/sgml/stylesheet-html-common.xsl b/doc/src/sgml/stylesheet-html-common.xsl
index b105005235..f89f399129 100644
--- a/doc/src/sgml/stylesheet-html-common.xsl
+++ b/doc/src/sgml/stylesheet-html-common.xsl
@@ -13,8 +13,9 @@
<!-- Parameters -->
<xsl:param name="make.valid.html" select="1"></xsl:param>
+<xsl:param name="formal.object.break.after">0</xsl:param>
<xsl:param name="generate.id.attributes" select="1"></xsl:param>
-<xsl:param name="ignore.image.scaling" select="1"/>
+<xsl:param name="make.graphic.viewport" select="0"/>
<xsl:param name="link.mailto.url">pgsql-docs@lists.postgresql.org</xsl:param>
<xsl:param name="toc.max.depth">2</xsl:param>
diff --git a/doc/src/sgml/stylesheet.css b/doc/src/sgml/stylesheet.css
index c355fbecac..8518839bac 100644
--- a/doc/src/sgml/stylesheet.css
+++ b/doc/src/sgml/stylesheet.css
@@ -102,3 +102,9 @@ var { font-family: monospace; font-style: italic; }
acronym { font-style: inherit; }
.option { white-space: nowrap; }
+
+@media (min-width: 800px) {
+ .mediaobject {
+ width: 75%;
+ }
+}
--
2.21.0
view thread (7+ messages) latest in thread
Message-ID: <3aef325c-db3e-f11e-2eb2-154e19d5b667@2ndquadrant.com>
Permalink: ../3aef325c-db3e-f11e-2eb2-154e19d5b667@2ndquadrant.com/
Also on: postgresql.org/message-id/3aef325c-db3e-f11e-2eb2-154e19d5b667@2ndquadrant.com
copy link · copy postgr.es · copy git am
reply 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: peter.eisentraut@2ndquadrant.com, jkatz@postgresql.org, pgsql-docs@lists.postgresql.org
Subject: Re: Responsive images in pgweb docs
In-Reply-To: <3aef325c-db3e-f11e-2eb2-154e19d5b667@2ndquadrant.com>
* 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