html: Allow to change +/- icons in CSS

diff --git a/icons/devhelpstyle.css b/icons/devhelpstyle.css
index 8de747b66fc4ffcb8da7976615135baa977fbaa3..1fb803df143d5d1f09d39fdf01c10fd4ac3bc548 100644 (file)
--- a/icons/devhelpstyle.css
+++ b/icons/devhelpstyle.css
@@ -542,6 +542,9 @@ code {
 .box {
 }
 .box .headline {
+       background-image: url("coll_open.png");
+       background-position: calc(100% - 1px) center;
+       background-repeat: no-repeat;
        background-color: #eeeeff;
        border-color: #aaaaff;
        border-style: solid;
@@ -549,14 +552,7 @@ code {
        margin: auto;
        width: 90%;
        margin-top: 20px;
-}
-.box .text {
        font-weight: bold;  
-       float: left;
-}
-.box .toggle {
-       text-align: right;
-       float: clear;
 }
 .box .content {
        border-color: #aaaaff;

diff --git a/icons/scripts.js b/icons/scripts.js
index eb7909365a72e6e443562d4d8bbbc6dc0c0ec27e..02629edd9ae570871f1be5d80424e0400499d91c 100644 (file)
--- a/icons/scripts.js
+++ b/icons/scripts.js
@@ -35,12 +35,15 @@ function toggle_box (self, id) {
                return ;
        }
 
+       var style = self.currentStyle || window.getComputedStyle (self, false);
+       var orig_path = /url[ \t]*\(('(.*)'|"(.*)")\)/.exec (style.backgroundImage)[1].slice(1, -1);
+       var orig_dir = get_path (orig_path);
        if (element.style.display == 'block') {
                element.style.display = 'none';
-               self.src = get_path (self.src) + 'coll_open.png';
+               self.style.backgroundImage = "url('" + orig_dir + 'coll_open.png' + "')";
        } else {
                element.style.display = 'block';
-               self.src = get_path (self.src) + 'coll_close.png';
+               self.style.backgroundImage = "url('" + orig_dir + 'coll_close.png' + "')";
        }
 }
 

diff --git a/icons/style.css b/icons/style.css
index c4ffc1351351d399e9d3871970feea38e6b0e325..160cdcba49d7657952ca10fcaa07778394724a55 100644 (file)
--- a/icons/style.css
+++ b/icons/style.css
@@ -592,10 +592,12 @@ code {
        text-decoration: underline;
 }
 
-
 .box {
 }
 .box .headline {
+       background-image: url("coll_open.png");
+       background-position: calc(100% - 1px) center;
+       background-repeat: no-repeat;
        background-color: #eeeeff;
        border-color: #aaaaff;
        border-style: solid;
@@ -603,14 +605,7 @@ code {
        margin: auto;
        width: 90%;
        margin-top: 20px;
-}
-.box .text {
        font-weight: bold;  
-       float: left;
-}
-.box .toggle {
-       text-align: right;
-       float: clear;
 }
 .box .content {
        border-color: #aaaaff;

diff --git a/src/libvaladoc/html/basicdoclet.vala b/src/libvaladoc/html/basicdoclet.vala
index 67e76addcb75570b22f3799895cc379c373d99a1..66ab3e05339466f2b956ef9c54ea31b409dc1a52 100644 (file)
--- a/src/libvaladoc/html/basicdoclet.vala
+++ b/src/libvaladoc/html/basicdoclet.vala
@@ -627,19 +627,21 @@ public abstract class Valadoc.Html.BasicDoclet : Api.Visitor, Doclet {
                writer.start_tag ("div", {"class", css_box});
 
                // headline:
-               writer.start_tag ("div", {"class", css_box_headline});
-               writer.start_tag ("div", {"class", css_box_headline_text})
+               writer.start_tag ("div", {"class", css_box_headline, "onclick", "toggle_box (this, '%s')".printf (html_id)})
                        .text (headline)
                        .end_tag ("div");
-               writer.start_tag ("div", {"class", css_box_headline_toggle});
-               writer.start_tag ("img", {"onclick",
-                                                                 "toggle_box  (this, '" + html_id + "')",
-                                                                 "src",
-                                                                 Path.build_filename (get_icon_directory (),
-                                                                 "coll_open.png")});
-               writer.raw_text (" ");
-               writer.end_tag ("div");
-               writer.end_tag ("div");
+               //writer.start_tag ("div", {"class", css_box_headline_text, "onclick", "toggle_box (this, '%s')".printf (html_id)})
+               //      .text (headline)
+               //      .end_tag ("div");
+               //writer.start_tag ("div", {"class", css_box_headline_toggle});
+               //writer.start_tag ("img", {"onclick",
+               //                                                "toggle_box  (this, '" + html_id + "')",
+               //                                                "src",
+               //                                                Path.build_filename (get_icon_directory (),
+               //                                                "coll_open.png")});
+               //writer.raw_text (" ");
+               //writer.end_tag ("div");
+               //writer.end_tag ("div");
 
 
                // content:
@@ -720,7 +722,6 @@ public abstract class Valadoc.Html.BasicDoclet : Api.Visitor, Doclet {
                                                                          "All known sub-structs:");
                }
 
-
                if (node.parent is Namespace) {
                        writer.simple_tag ("br");
                        write_namespace_note (node);
@@ -744,7 +745,8 @@ public abstract class Valadoc.Html.BasicDoclet : Api.Visitor, Doclet {
                                        Api.NodeType.PROPERTY,
                                        Api.NodeType.FIELD,
                                        Api.NodeType.CONSTANT
-                               })) {
+                               }))
+                       {
                                writer.start_tag ("h2", {"class", css_title}).text ("Content:").end_tag ("h2");
                                write_children (node, Api.NodeType.ERROR_CODE, "Error codes", node);
                                write_children (node, Api.NodeType.ENUM_VALUE, "Enum values", node);