Specify max-width

pault
Posts: 69
Joined: Thu Mar 21, 2013 12:55 am

Specify max-width

Post by pault » Fri Feb 02, 2018 2:53 am

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
Posts: 635
Joined: Mon Dec 05, 2011 6:04 pm

Re: Specify max-width

Post by Costin » Fri Feb 02, 2018 12:17 pm

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
Costin Sandoi
oXygen XML Editor and Author Support

pault
Posts: 69
Joined: Thu Mar 21, 2013 12:55 am

Re: Specify max-width

Post by pault » Sat Feb 03, 2018 12:20 am

Thanks Costin!

pault
Posts: 69
Joined: Thu Mar 21, 2013 12:55 am

Re: Specify max-width

Post by pault » Wed Feb 14, 2018 3:04 am

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
Posts: 351
Joined: Thu Aug 21, 2003 11:36 am
Location: Craiova
Contact:

Re: Specify max-width

Post by radu_pisoi » Wed Feb 14, 2018 3:24 pm

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.
Radu Pisoi
<oXygen/> XML Editor, Schema Editor and XSLT Editor/Debugger
http://www.oxygenxml.com

pault
Posts: 69
Joined: Thu Mar 21, 2013 12:55 am

Re: Specify max-width

Post by pault » Thu Mar 15, 2018 8:08 pm

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
Posts: 430
Joined: Mon Feb 03, 2003 10:56 am

Re: Specify max-width

Post by Dan » Mon Mar 19, 2018 10:07 am

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

Post Reply