[oXygen-user] CSS validation warnings

Oxygen XML Editor Support (Radu Coravu) support at oxygenxml.com
Wed Jan 18 05:17:55 CST 2023


Hi Frank,


Please see some remarks below:


> /Also make sure you prefix the pseudo class value also in the 
> oxy_action. /--> How do I do this?
>
Like this:

> :root:before {
>     display:block;
>     content: oxy_button(action, oxy_action(
>           name, 'Tags on/off ...',
>           description, 'Toggle Full Tags',
>           operation, 
> 'ro.sync.ecss.extensions.commons.operations.TogglePseudoClassOperation',
>           arg-elementLocation, '.',
>           arg-name, '-oxy-no-tags'
>         ));
>     position: fixed;
>     top: 4px;
>     left: 160mm;
> }
>
> :root:-oxy-no-tags, :root:-oxy-no-tags * {
>     -oxy-display-tags:none;
> }

> Negative values do have an effect in oXygen's Author mode and they are 
> essential for me. Hm...???
>
As I said there are two distinct aspects:

- CSS Validation using the W3C CSS validator. Negative margins are 
reported as errors by it.

- The CSS engine Oxygen uses to render the XML in the Author page, 
engine which supports negative margins.


> I'll investigate to see if "margin-inline-start" is really required or 
> can be replaced. I saw that it is used in one of oXygen's CSS files 
> and wanted to reverse a formatting effect produced with this style.
>
We use this property in a single place because the DITA CSS are also 
used by our Web Author (in-browser editor). So the Oxygen desktop does 
not use this property in any way from what I looked but our Oxygen Web 
Author product which runs in a web browser uses this property as it uses 
common CSSs with the desktop application.

Regards,

Radu

Radu Coravu
Oxygen XML Editor

On 1/18/23 12:56, Frank Dissinger wrote:
>
> Hi Kris and Radu,
>
>
> I refer to (2): Opening "custom.css" in oXygen.
>
> /Also make sure you prefix the pseudo class value also in the 
> oxy_action. /--> How do I do this?
>
> Negative values do have an effect in oXygen's Author mode and they are 
> essential for me. Hm...???
>
> I'll investigate to see if "margin-inline-start" is really required or 
> can be replaced. I saw that it is used in one of oXygen's CSS files 
> and wanted to reverse a formatting effect produced with this style.
>
> Do I use an oXygen framework for my custom.css? Probably... How can I 
> verify this?
>
>
> Regards,
>
> Frank
>
>
> ------------------------------------------------------------------------
>
>> Hi Frank,
>>
>>
>> There are two distinct aspects to this:
>>
>>
>> 1) Installing your framework in Oxygen and editing a DITA topic in 
>> the Author mode using your custom framework's CSS. I tested and on my 
>> side Oxygen reports no error when opening and editing a DITA topic 
>> with your framework. So I cannot reproduce this problem you reported:
>>
>>
>>> This is annoying because the "Results" window keeps popping up 
>>> whenever I save a dita file.
>> 2) *Opening your "custom.css" in Oxygen and validating it*. Here 
>> indeed some errors are reported.
>>
>>
>> 2.1)
>>
>>
>>> Unknown pseudo-element or pseudo-class “:no-tags”
>> You can avoid this error by prefixing the custom pseudo class with 
>> "-oxy-", something like ":root:-oxy-no-tags".
>>
>> *Also make sure you prefix the pseudo class value also in the 
>> oxy_action.*
>>
>>
>> 2.2)
>>
>>
>>> *“-2em” negative values are not allowed *:
>> Such errors are reported by the W3C CSS validator, the CSS is 
>> considered invalid according to the CSS standard. We do not have 
>> settings to filter out errors reported by the CSS validator.
>>
>>
>> 2.3)
>>
>>
>>> Property “*margin-inline-start*” doesn't exist : 0
>> Again this property does not see to be defined in the CSS3 standard 
>> and is reported as such by the W3C CSS validator. We do not have a 
>> way to inhibit this.
>>
>> Oxygen's CSS engine used to render DITA topics in the Author mode 
>> does not support this "margin-inline-start" property or use it in any 
>> way. But some browsers seem to support it.
>>
>>
>> Regards,
>>
>> Radu
>>
>> Radu Coravu
>> Oxygen XML Editor
>
> ------------------------------------------------------------------------
> Am 18.01.2023 um 11:46 schrieb Kristen James Eberlein:
>>
>> *Frank, are you using an Oxygen framework for your custom CSS?*
>>
>> Best,
>>
>> Kris
>>
>> Kristen James Eberlein
>> Chair, OASIS DITA Technical Committee
>> Owner, Eberlein Consulting LLC
>> kris at eberleinconsulting.com
>>
>> Skype: kriseberlein; voice: +1 (919) 622-1501
>>
>> *From:* oXygen-user <oxygen-user-bounces at oxygenxml.com> *On Behalf Of 
>> *Frank Dissinger
>> *Sent:* Wednesday, January 18, 2023 4:31 AM
>> *To:* Oxygen User Mailing List <oxygen-user at oxygenxml.com>
>> *Subject:* [oXygen-user] CSS validation warnings
>>
>> Hi list,
>>
>> I keep getting the following CSS validation errors for my 
>> "custom.css" file in oXygen V25:
>>
>>   * Unknown pseudo-element or pseudo-class “:no-tags”
>>   * Negative values are not allowed: -0.5em /(padding)/
>>   * Property “margin-inline-start” doesn't exist : 0
>>
>> This is annoying because the "Results" window keeps popping up 
>> whenever I save a dita file.
>>
>> How can I tell oXygen to ignore these elements/properties/values?
>>
>> I can't find the required settings under "Options > Preferences > CSS 
>> Validator".
>>
>> Frank
>>
> -- 
>
> *Frank Dissinger*
>
> Documentation Manager
>
> ....................................................................
>
> *CGS Publishing Technologies International GmbH*
>
> *Email *frank.dissinger at cgs-oris.com | *Web* www.cgs-oris.com 
> <http://www.cgs-oris.com/>
>
> *Address* Kettelerstr. 24 | D-63512 Hainburg | Germany
>
> *Phone* +49 6182 9626-27 | *Fax* +49 6182 9626-99
>
> *Commercial register* Offenbach, HRB no. 21495
>
> *Managing directors* Bernd Rückert, Christoph Thommessen
>
>
> https://www.cgs-oris.com/Signatur.png <https://www.cgs-oris.com/signatur>
>
> _______________________________________________
> oXygen-user mailing list
> oXygen-user at oxygenxml.com
> https://www.oxygenxml.com/mailman/listinfo/oxygen-user
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://www.oxygenxml.com/pipermail/oxygen-user/attachments/20230118/b1e09fba/attachment.htm>


More information about the oXygen-user mailing list