Skip to main content
JoeJitsu
JoeJitsu
Known Participant
Jun 16, 2016 6:45 PM UTC
Answered

Modify default TOC pane width in HTML5?

Is there a way to edit css file so that my default desktop TOC/Search pane width is a little wider?  I've tried editing several elements in CSS, but to no avail.

Thanks in advance!

This topic is closed to new replies. Start a new post to keep the conversation going.
Willam van Weelden
Willam van WeeldenCorrect answer
Inspiring
Jun 23, 2016 1:29 PM UTC

The best way to do this is through the SCSS files and compile the CSS file from that. There are many different elements that use the sidebar width for correct positioning.

In the SCSS files, you find the variables:

$sidebar-width

$sidebar-width-landscape

$sidebar-width-desktop

By updating these in the SCSS, the sidebar will be shown correctly. You can get the SCSS files (and instructions) here: https://helpx.adobe.com/robohelp/robohelp-screen-profiles-layouts.html

View reply

4 replies

Jeff_Coatsworth
Community Expert
Jeff_CoatsworthCommunity Expert
Community Expert
Jun 16, 2016 8:53 PM UTC

You might try having a look at this thread - https://forums.adobe.com/message/2007076#2007076 – to get some ideas…

Translate
JoeJitsu
JoeJitsuAuthor
Known Participant
Jun 16, 2016 9:05 PM UTC

Thanks Jeff...that one is specific to WebHelp, whereas I'm looking to edit CSS for Responsive HTML. I watched Willam van Weelden​'s webinar on the topic, which is for RH11.

RH2015 seems to have additional elements that need to be modified, as modifying only the sidebar width and main topic pane width doesn't do the trick. The show/hide sidebar icon doesn't shift with the sidebar itself, for example.  It's not a 1 to 1 match, so I was wondering if anyone has actually done this for RH2015 and if so, exactly which elements get changed?

Translate
Willam van Weelden
Willam van WeeldenCorrect answer
Inspiring
Jun 23, 2016 1:29 PM UTC

The best way to do this is through the SCSS files and compile the CSS file from that. There are many different elements that use the sidebar width for correct positioning.

In the SCSS files, you find the variables:

$sidebar-width

$sidebar-width-landscape

$sidebar-width-desktop

By updating these in the SCSS, the sidebar will be shown correctly. You can get the SCSS files (and instructions) here: https://helpx.adobe.com/robohelp/robohelp-screen-profiles-layouts.html

Translate
    Terms & ConditionsAccessibility statement
    Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices