Omitting permalinks and collapsibility of sections from WebHelp Responsive
Posted: Fri Sep 25, 2020 7:14 am
I'm using Oxygen XML Author 22.1 to generate WebHelp Responsive output.
In general, while I've added a heap of custom CSS rules to "brand" the output, I like the default look'n'feel.
However, sometimes, the output is too "tricksy", too complicated, for my liking.
Take, for example, Oxygen's own "WebHelp Responsive Transformation Parameters" documentation topic. All those chain (permalink) icons! All those downward-facing arrow (collapse) icons!
Perhaps I'm betraying my Australian origins, but all those chain links and arrow heads make the page feel almost... penal
. Okay, perhaps that's going too far. Still, I think it's too busy; I'm content to lose the element-specific permalinks and collapsibility of the sections.
Happily, the WebHelp CSS makes it very easy to customize this.
I've added the following rules to my custom CSS:
Thoughts, feedback welcome.
In general, while I've added a heap of custom CSS rules to "brand" the output, I like the default look'n'feel.
However, sometimes, the output is too "tricksy", too complicated, for my liking.
Take, for example, Oxygen's own "WebHelp Responsive Transformation Parameters" documentation topic. All those chain (permalink) icons! All those downward-facing arrow (collapse) icons!
Perhaps I'm betraying my Australian origins, but all those chain links and arrow heads make the page feel almost... penal

Happily, the WebHelp CSS makes it very easy to customize this.
I've added the following rules to my custom CSS:
Code: Select all
.permalink, .sectiontitle .wh_expand_btn {
display: none
}
/* Original padding-left: 0.7em rule also applies to: table > caption, .topic > .title, .wh_term_group > .wh_first_letter */
.sectiontitle:not(.tasklabel) {
padding-left: 0;
}