Page 1 of 1
Specify max-width
Posted: Fri Feb 02, 2018 2:53 am
by pault
I have tried several variations of the following to set a max-width for images, but nothing seems to work:
*[class~='topic/image'] {
max-width: 500px;
}
The CSS Inspector shows:
*[class~='topic/image'] {
content : attr(href , url) ;
}
The DITA source is:
<image href="../images/screenshots/useQuerySystemTableUserDefined1.png" id="image_q2b_5z1_ms"/>
What's the solution?
Thanks,
Paul
Re: Specify max-width
Posted: Fri Feb 02, 2018 12:17 pm
by Costin
Hi pault,
It seems you stumbled upon a known issue. We already have this logged in our internal tracking system and I am happy to announce you that it was fixed in our development stream.
The fix will be included in the next version that will be released.
Best Regars,
Costin
Re: Specify max-width
Posted: Sat Feb 03, 2018 12:20 am
by pault
Thanks Costin!
Re: Specify max-width
Posted: Wed Feb 14, 2018 3:04 am
by pault
Hi Costin,
I installed the latest build (2018013010) of oXygen Editor for the Mac and noticed that max-width was working in some instances.
Works for:
<p><image href="../images/cyclist-conceptual.svg" /></p>
Doesn't work for:
<step>
<cmd>Query the defined keyspaces using the SELECT statement.</cmd>
. . .
<stepresult>
<image href="../images/screenshots/useQuerySystemTable1.png"/>
</stepresult>
</step>
Also I was wondering if your going to update the All Platforms Distribution anytime soon.
Thanks,
Paul
Re: Specify max-width
Posted: Wed Feb 14, 2018 3:24 pm
by radu_pisoi
Hi,
I don't think the 2018013010 build contains a fix for the 'max-width' issue.
If you want to test a Chemistry development kit that contains a fix for it, please update your Chemistry installation to the latest build. Install it in a folder, then add this folder to the PATH system environment variable, so oXygen will use it.
We are now automatically publishing a daily build here:
Code: Select all
http://mirror.oxygenxml.com/maven-nightly/com/oxygenxml/oxygen-pdf-chemistry/20.0-SNAPSHOT/oxygen-pdf-chemistry-20.0-SNAPSHOT-package.zip
You should see in the DITA transformation console:
Code: Select all
[exec] INFO com.oxygenxml.chemistry.OxygenPDFChemistry - oXygen PDF Chemistry version 20.0 build 2018-02-....
The build ID may differ (tomorrow will be another one), but is good to know when you request support.
Re: Specify max-width
Posted: Thu Mar 15, 2018 8:08 pm
by pault
Hi Radu,
max-width is working now. Thanks for fixing it.
I've run into another problem using Chemistry version 20.0 build 2018-03-13T08:35:23Z, which breaks the build:
<fo:basic-link show-destination="new" indicate-destination="true" external-destination="">
It looks like the external link in the ditamap is not being picked up. Here's the offending code:
<topicref navtitle="CQL" href="
https://docs.datastax.com/en/dse/5.1/cql/"
scope="external" format="html" audience="arch dev">
<topicmeta>
<shortdesc>Cassandra Query Language (CQL) is a query language for the DataStax Enterprise database.</shortdesc>
</topicmeta>
</topicref>
Re: Specify max-width
Posted: Mon Mar 19, 2018 10:07 am
by Dan
Hello,
I added the topicref to a DITA map and it appeared correctly in the TOC of the WYSIWYG transformation. I used the newly released oXygen 20.0.
The only problem was the line of dots that connects the topic name to the page number - it has no meaning for the external resources, and it must be removed. So add to your CSS:
Code: Select all
*[class ~= "map/topicref"][scope = "external"] *[class ~= "topic/navtitle"]:after {
content: none;
}
The Chemistry snapshot has now moved to the next version under development: 20.1:
http://mirror.oxygenxml.com/maven-night ... ackage.zip
If you still have problems, send us an archive with a sample map and the CSS:
https://www.oxygenxml.com/techSupport.html
Many regards,
Dan