Expand Page Tree Icon for Documentation Theme Is Harder to Identified

Background of Request

The "arrow" expand icon attached, use by Confluence 5 and above to replace the "Plus" expand icon that has been used by Confluence documentation theme page tree till Confluence release version 4.x.

Customer has been reporting that their users does not realize it is an icon to expand the page tree as it is harder to identified compared with the previous expand page tree icon.

Suggested Solution

As mentioned on this request if we can improve the button to be a little bit bigger and higher contrast, which help to identified it easier.

Workaround

Please note that this workaround is space specific, hence it is necessary to be implemented on each spaces that use "Documentation Theme

1. Click "Browse" >> "Space Admin"
2. Under "Look & Feel" section, go to "Stylesheet"
3. Click "Edit"
4. Input the following lines

   .expand-control-icon.expanded, .ui-tree li.opened>.click-zone, #children-section.children-showing a.children-show-hide.icon, .icon-section-opened {
   background-image: url('<Server Base URL>/images/icons/tree_minus.gif') !important;
   }
   .expand-control-icon, .ui-tree li.closed>.click-zone, #children-section.children-hidden a.children-show-hide.icon, .icon-section-closed {
   background-image: url('<Server Base URL>/images/icons/tree_plus.gif') !important;
   }
   

5. Saved