Changeset 6b7db094

Timestamp:

May 23, 2016 1:25:18 PM (5 years ago)

Author:

str4d <str4d@…>

Branches:

master

Children:

147a7e4

Parents:

9d3dec8

Message:

Add toggles to i2psnark in preparation for CSS3 collapsible sections

Files:

• apps/i2psnark/java/src/org/klomp/snark/web/I2PSnarkServlet.java (modified) (2 diffs)
• installer/resources/themes/snark/light/snark.css (modified) (3 diffs)
• installer/resources/themes/snark/ubergine/snark.css (modified) (2 diffs)
• installer/resources/themes/snark/vanilla/snark.css (modified) (3 diffs)

apps/i2psnark/java/src/org/klomp/snark/web/I2PSnarkServlet.java

@@ -2055 +2055 @@
         out.write("<form action=\"_post\" method=\"POST\">\n");
         writeHiddenInputs(out, req, "Add");
-        out.write("<div class=\"addtorrentsection\"><span class=\"snarkConfigTitle\">");
+        out.write("<div class=\"addtorrentsection\">");
+        out.write("<input class=\"toggle_input\" id=\"toggle_addtorrent\" type=\"checkbox\"><label class=\"toggleview\" for=\"toggle_addtorrent\">");
         out.write(toThemeImg("add"));
         out.write(' ');
         out.write(_t("Add Torrent"));
-
-        out.write("</span><hr>\n<table border=\"0\"><tr><td>");
+        out.write("</label>");
+
+        out.write("<hr>\n<table border=\"0\"><tr><td>");
         out.write(_t("From URL"));
         out.write(":<td><input type=\"text\" name=\"nofilter_newURL\" size=\"85\" value=\"" + newURL + "\" spellcheck=\"false\"");
@@ -2092 +2094 @@
         out.write("<form action=\"_post\" method=\"POST\">\n");
         writeHiddenInputs(out, req, "Create");
-        out.write("<span class=\"snarkConfigTitle\">");
+        out.write("<input class=\"toggle_input\" id=\"toggle_createtorrent\" type=\"checkbox\"><label class=\"toggleview\" for=\"toggle_createtorrent\">");
         out.write(toThemeImg("create"));
         out.write(' ');
         out.write(_t("Create Torrent"));
-        out.write("</span><hr>\n<table border=\"0\"><tr><td>");
+        out.write("</label><hr>\n<table border=\"0\"><tr><td>");
         //out.write("From file: <input type=\"file\" name=\"newFile\" size=\"50\" value=\"" + newFile + "\" /><br>\n");
         out.write(_t("Data to seed"));

installer/resources/themes/snark/light/snark.css

@@ -403 +403 @@
 }
 
-.snarkConfigTitle {
+.snarkConfigTitle, label.toggleview {
      font-size: 10.5pt;
      font-weight: bold;
@@ -424 +424 @@
 }
 
-.snarkConfigTitle img {
+.snarkConfigTitle img, label.toggleview img {
      margin-right: -3px;
      padding-bottom: 3px;
@@ -888 +888 @@
      width: 230px;
 }
+
+/* toggle create/add panel view */
+
+input.toggle_input { /* hide checkbox and use label as faux panel heading */
+     display: none;
+}

installer/resources/themes/snark/ubergine/snark.css

@@ -455 +455 @@
 }
 
-.snarkConfigTitle {
+.snarkConfigTitle, label.toggleview {
      font-size: 11pt;
      font-weight: bold;
@@ -922 +922 @@
      width: 230px;
 }
+
+/* toggle create/add panel view */
+
+input.toggle_input { /* hide checkbox and use label as faux panel heading */
+     display: none;
+}

installer/resources/themes/snark/vanilla/snark.css

@@ -467 +467 @@
 }
 
-.snarkConfigTitle {
+.snarkConfigTitle, label.toggleview {
      font-size: 11pt;
      font-weight: bold;
@@ -485 +485 @@
 }
 
-.snarkConfigTitle img {
+.snarkConfigTitle img, label.toggleview img {
      margin-right: -3px;    
 } 
@@ -939 +939 @@
      width: 230px;
 }
+
+/* toggle create/add panel view */
+
+input.toggle_input { /* hide checkbox and use label as faux panel heading */
+     display: none;
+}