Specify max-width

[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

[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

[pault]

Thanks Costin!

[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

[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.

[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>

[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