WiP

Author: guruz

data/codebrowser.js

@@ -1154,7 +1154,7 @@ $(function () {
         if (setStyle.toLowerCase() === title.toLowerCase()) styleOpt += " selected='true'";
         styleOpt += ">" + title + "</option>";
     });
-    $("#header").append("<p id='options'><a class='opt_linenum' href='#'>Toggle line number</a> -  Style: <select class='opt_style'>" + styleOpt + "</select></p>")
+    $("#header").append("<p id='options'><a class='opt_linenum' href='#'>line numbers</a> - <a class='opt_sidebars' href='#'>sidebars</a> -  Style: <select class='opt_style'>" + styleOpt + "</select></p>")
 
     var lineNumberShown = -1;
     $(".opt_linenum").click(function() {
@@ -1170,6 +1170,9 @@ $(function () {
         lineNumberShown = !lineNumberShown;
         return false;
     });
+    $(".opt_sidebars").click(function() {
+        $("#allSideBoxes").toggle();
+    });
     $(".opt_style").change(function(e) {
         switchStylestyleAndSetCookie(this.options[this.selectedIndex].value);
         //return false;
@@ -1238,10 +1241,8 @@ $(function () {
 
 /*-------------------------------------------------------------------------------------*/
 
-    //$('body').append('<div id="allSideBoxes">');
-    //$('#content').prepend('<div id="allSideBoxes">');
-    //$('body').prepend('<div id="allSideBoxes">');
     $('#content').before('<div id="allSideBoxes">');
+    //$( "#allSideBoxes" ).resizable({ handles: "n, e, s, w" });
 
     // The definitions side bar
     var dfns = document.getElementsByClassName('def');

data/common.css

@@ -14,14 +14,15 @@ div#content { margin-top: 5.3em; overflow:auto;/*width:100%;*/height:calc(100vh
 #allSideBoxes {
     float:right;
     display:inline-block;
+    /*background-color:#f5f5f5;*/
 /*position:fixed; margin-top:0px; margin-right:0px;top:5.2em; right:0px*/;/* z-index:1;*/
 /*max-height:30em;
 max-height:calc(100vh - 5.2em);
 height:calc(100vh - 5.2em);*/
-background-color:red;
+/*background-color:red;*/
 }
 .sideBox {
-padding:1ex; border-radius:0.25ex; overflow:hide; font-size:smaller; margin-bottom:1em;
+padding:0.5ex;overflow:hide; font-size:smaller; margin-bottom:0.5em;
 max-height:100%;
 }
 .sideBox h3 { text-align:center; width:100%; cursor: pointer; cursor: hand; margin: 0;}

data/qtcreator.css

@@ -19,5 +19,5 @@
 th.highlight { font-weight: bold; }
 th.highlight+td { background-color: #eee; }
 
-.sideBox { border: 1px solid #ddd; background-color: #eee; }
+.sideBox { /*border: 1px solid #ddd;*//* background-color: #eee; */}