Skip to content
Franklin DM edited this page Dec 1, 2018 · 9 revisions

Some customization hacks for userChrome.css could be found here but you can instead use your favorite style manager like Stylem for these. You'll get additional answers in the support topic.

General

How can I add/remove other buttons to/from the TGS Toolbar?

  • Right-click on the TGS Toolbar and choose Customize.... Just drag and drop items from the customization window to the toolbar or vice versa.
  • Missing buttons for some extensions? This is not an issue of TGS. Please write to the author of the according extension or use Custom Buttons² to create your own buttons. You can also get help in the Custom Buttons forum on how to do that.

How can I change the mode and/or icon size of the buttons on the TGS Toolbar?

  • Right-click on the TGS Toolbar and choose one of the options:
    • Icons and Text, Icons, Text
    • Use Small Icons
    • Flexible Buttons

How can I move the TGS toolbar, e.g. to above the sidebar?

  • Right-click on the TGS Toolbar and choose Above Sidebar.

The TGS Toolbar is always hidden and I can't get it back. How to fix that?

This was a frequently reported issue in the AiOS issue tracker and are usually caused by problems/errors regarding your profile.

  • Please check if the setting View > Toolbars > The Good 'ol Sidebar Toolbar is enabled.
  • Please try to force the showing of the toolbar by disabling and enabling the option View > Toolbars > The Good 'ol Sidebar Toolbar.

Your localstore.rdf/xulstore.json might be broken if #1 and #2 doesn't help. These files store customized data of the interface and is often corrupted after updates of extensions or the browser itself.

  • You could reset toolbars by starting Pale Moon in Safe Mode and choosing Reset toolbars and controls.
  • Attention: You will lose your toolbar configuration and saved window locations with this option.

I've lost my toolbar customization on startup. What's going on?

  • This is usually a problem of the browser itself and has nothing to do with TGS. Please read this article at the knowledge base and follow the instructions.

What's the difference between the Sidebar Switch and the Sidebar Grippy?

  • Please see this screenshot. The item with the blue border is the Sidebar Switch (the hover color is also blue). This one can hide and show the sidebar and the toolbar, it can be wide as on the screenshot and it can be thin. You can customize the appearance and the behavior in the options dialog View > Sidebar > The Good 'ol Sidebar Options... > General > Sidebar Switch.
  • The item with the red border is the Sidebar Grippy (the hover color is orange). This one can hide and show only the sidebar. But it doesn't really hide the sidebar - it only collapses the sidebar. The advantage is that the sidebar content doesn't have to be reloaded when you show the sidebar again. Simply try it. :-)
  • You can enable/disable the Switch and the Grippy in the View menu.

How can I completely hide the Sidebar Switch?

  • Deselect it under View > Sidebar Switch.

What is the Advanced Options Mode and where can I enable this?

  • Advanced Mode was removed and merged with the regular options window in v1.0.7 because it only creates additional complexity to the UI code.

What is “Opera's Behavior”?

  • This is a specific behavior of the TGS Shortcut, the Sidebar Switch and the TGS Button. You can enable this feature in the options dialog by selecting it under General > Special > Toggle Sidebar. The Advanced Options Mode must be enabled.
  • If you enable this feature for e.g. the Sidebar Switch, then the Switch will show/hide the sidebar and the toolbar, if both are visible or invisible. But the Sidebar Switch will show/hide only the toolbar, if only the toolbar were visible at this time.

What does “Sidebar Collapsing” mean?

  • The sidebar can collapse instead of closing. The advantage is that the sidebar content doesn't have to reload after re-opening. This is really a booster for the sidebar handling - it responds much faster. The default behavior of closing the sidebar unloads the opened panel from the memory. All settings, cursor positions and so on are gone.

    • An example: You open the bookmarks panel, open some folders and scroll down the list. You open a bookmark and close the sidebar to get a bigger viewport. After reading the page you open the bookmarks panel again. The panel is now scrolled back to the top and you have to search again the previous folder.
  • Now I suppose "Sidebar Collapsing" is enabled. You open the bookmarks panel, scroll down, open a bookmark, close the sidebar and read the page. Now you open the sidebar again and the list is still scrolled down to the last position. You will love that! :-)

  • Disadvantages:

    • Perhaps you can observe a strange behavior. Supposed you open the history and then close the sidebar. Now you open e.g. the extensions panel. You will see the history for a short time before the extensions panel will open. This happens, because the history was still loaded (only invisible), and the extension panel needs some time to show up all items (the more extensions are installed the more time is needed).
    • The feature works only if you open a panel, close the sidebar and re-open the sidebar; not for switching between different panels.
    • The feature could cause problems with other sidebar extensions. There are known compatibility issues with EZ Sidebar. The feature will not work if you use this extension and the setting in the options dialog will be greyed out.
  • Enabling/disabling the Sidebar Collapsing feature (enabled by default): View > Sidebar > The Good 'ol Sidebar Options... > General > Special > Sidebar Collapsing.

I always get an update notification (“The Good 'ol Sidebar has been updated!”). How can I disable this?

  • open the MultiPanel (via the blue cross button or View > Sidebar > MultiPanel)
  • open about:config
  • perhaps you will get a warning message: click on "I'll be careful, I promise!"
  • type aios.changelog in the filter field on top of the panel
  • double-click on the result item
  • type the current version of TGS (Tools > Add-ons > Extensions > The Good 'ol Sidebar), e.g. 0.7.10 and click OK

Themes & Cosmetics

How can I hide the labels of the “Tools” buttons in the bookmarks & history panel?

  • Please add the following code to your userChrome.css
/* hide labels of tools buttons in bookmarks & history panel */
    #bookmarksPanel #viewButton > label,
    #history-panel #viewButton > label {
    	display: none !important;
    }

I use the theme 'XYZ'. Why it looks strange?

  • Because the theme has no support for TGS. Please write to the theme developer and tell your wishes. :-)

How can I hide the version numbers in the add-ons and themes panel?

  • Please add the following code to your userChrome.css
    /* hide version numbers of add-ons */
    .addonVersion {
    	display: none !important;
    }

How can I hide the icons in the add-ons and downloads panel?

  • Please add the following code to your userChrome.css
    /* hide icons of add-ons and downloads */
    .addonIcon,
    .downloadTypeIcon {
    	display: none !important;
    }

How can I hide the labels from buttons in most sidebar panels?

  • Please add the following code to your userChrome.css
    /* hide labels from buttons in most sidebars 
    (Downloads, Extensions, Themes, WebPanel, Error-Console, PageInfo) */
    #bookmarksPanel toolbarbutton > label,
    #bookmarksPanel button > label,
    #history-panel toolbarbutton > label,
    #history-panel button > label,
    #addons-page toolbarbutton > label,
    #addons-page #commandBarBottom button > * > label,
    #webpanels-window toolbarbutton > label,
    #JSConsoleWindow toolbarbutton > label,
    #inforeload-button > label {
    	display: none !important;
    }
     
    #addons-page toolbarbutton > image,
    #addons-page #commandBarBottom button image,
    #JSConsoleWindow toolbarbutton > image {
    	margin: 0px !important;
    	padding: 0px !important;
    }

How can I get a smaller TGS Toolbar?

  • Right-click on the TGS Toolbar and choose Use Small Icons. If that's not enough add the following code to your userChrome.css
    /* smaller TGS-Toolbar */
    #aios-toolbar {
       padding: 0px !important;
    }
     
    #aios-toolbar[orient="vertical"][iconsize="small"] toolbarbutton:not([type="menu-button"]):not([id="go-button"]):not([anonid="search-go-button"]){
       padding: 2px !important;
    }

How can I remove the navigation buttons from the MultiPanel?

    /* Remove navigation buttons from MultiPanel */
    #mini-bar #back-button,
    #mini-bar #forward-button,
    #mini-bar #stop-button,
    #mini-bar #reload-button {
       display: none;
    }

How can I remove the command bar (search and clear list button) from the Downloads panel?

   /* Remove command bar from Downloads panel */
   #commandBar {
       display: none;
   }

How can I make the transition of the height & width of the downloads icon in the list smooth (from small - big)

   richlistitem .downloadTypeIcon {
       transition: 500ms all;
   }

How can I make the icon of the downloads in the Downloads panel smaller?

   /* Smaller icon when not selected */
   richlistitem:not([selected=true]) .downloadTypeIcon {
       width: 16px;
       height: 16px;
       min-width: 16px;
       min-height: 16px;
   }

Most of the information here came from AiOS' FAQ page.

Clone this wiki locally