Hide all reply input fields, add “comment” button.
authorDavid ‘Bombe’ Roden <bombe@pterodactylus.net>
Mon, 18 Oct 2010 07:10:54 +0000 (09:10 +0200)
committerDavid ‘Bombe’ Roden <bombe@pterodactylus.net>
Mon, 18 Oct 2010 07:10:54 +0000 (09:10 +0200)
src/main/resources/static/css/sone.css
src/main/resources/templates/index.html

index 0947c72..9e44830 100644 (file)
@@ -5,6 +5,10 @@
        margin: auto;
 }
 
+#sone .hidden {
+       display: none;
+}
+
 #sone a {
        color: inherit;
        text-decoration: none;
@@ -83,7 +87,7 @@
        padding: 1ex;
 }
 
-#sone .post .reply div, #sone .post .time, #sone .post .delete {
+#sone .post .reply div, #sone .post .time, #sone .post .delete, #sone .post .show-reply-form {
        font-size: inherit; /* or else fproxy's css rules will fuck us. */
 }
 
        font-size: inherit;
 }
 
+#sone .post .show-reply-form {
+       display: inline;
+}
+
+#sone .post .show-reply-form:before {
+       content: ' ‧ ';
+}
+
 #sone .post .reply .status-line .delete {
        float: none;
        display: inline;
index 579281b..2b21e91 100644 (file)
@@ -5,6 +5,12 @@
                $(document).ready(function() {
                        registerInputTextareaSwap("#sone input.createpost", "What are you doing?");
                        registerInputTextareaSwap("#sone input.create-reply", "Write a Reply…");
+
+                       /* hide all the “create reply” forms until a link is clicked. */
+                       commentElement = $("<div>Comment</div>").addClass("show-reply-form").click(function() {
+                       });
+                       $("#sone .post > .status-line .time").after(commentElement);
+                       $("#sone .post .create-reply").addClass("hidden");
                });
        </script>