diff --git a/data/codebrowser.js b/data/codebrowser.js
index d59681c..93b8d76 100644
--- a/data/codebrowser.js
+++ b/data/codebrowser.js
@@ -1154,7 +1154,7 @@ $(function () {
if (setStyle.toLowerCase() === title.toLowerCase()) styleOpt += " selected='true'";
styleOpt += ">" + title + "";
});
- $("#header").append("
Toggle line number - Style:
")
+ $("#header").append("line numbers - - Style:
")
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,7 +1241,8 @@ $(function () {
/*-------------------------------------------------------------------------------------*/
- $('#content').append('');
+ $('#content').before('
');
+ //$( "#allSideBoxes" ).resizable({ handles: "n, e, s, w" });
// The definitions side bar
var dfns = document.getElementsByClassName('def');
diff --git a/data/common.css b/data/common.css
index f95b883..46c314d 100644
--- a/data/common.css
+++ b/data/common.css
@@ -8,15 +8,21 @@ a:hover{ text-decoration: underline }
div#header { position:fixed; top:0; left:0; right:0; background-color: #f5f5f5; z-index:2; height: 5.2em; overflow: clip; }
div#header+hr {position:fixed; top:5.2em; left:0; right:0; z-index:2}
div#header input {-webkit-appearance:searchfield;-moz-appearance:searchfield;appearance:searchfield;}
-div#content { margin-top: 5.3em; }
+div#content { margin-top: 5.3em; overflow:auto;/*width:100%;*/height:calc(100vh - 5.3em);}
/* Fixme: We could experiment around with max-height: 90 vh? */
#allSideBoxes {
-position:fixed; margin-top:1ex; top:5.2em; right:10px; z-index:1;
-max-height:30em;
+ 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;*/
}
.sideBox {
-padding:1ex; border-radius:0.5ex; 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;}
@@ -26,6 +32,9 @@ display:block; overflow:auto; max-width:20em; max-height:20em; list-style:none;
.sideBox li {
list-style-type: none; padding: 0; margin-right: 1ex;
}
+@media only screen and (max-height: 50em) {
+.sideBox {max-height:25em;}
+}
.code { border-collapse:collapse; width:100%; padding:0 }
.code { font-family: monospace; }
diff --git a/data/qtcreator.css b/data/qtcreator.css
index 1c38ba1..fd60110 100644
--- a/data/qtcreator.css
+++ b/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; */}