List dropdowns

FossilOrigin-Name: bc1ad4b3716d65bded6f808f2219d5861497cfa87a4ab81b0250f299f486fa13

dist/treebird20.css

@@ -1566,17 +1566,19 @@ ul.large-list li a
     list-style-type: none;
 }
 
-ul.large-list li a.list-item
+ul.large-list li .list-item
 {
     width: 406px;
 }
 
-ul.large-list li a.edit-list-btn
+ul.large-list li .edit-list-btn
 {
+    display: inline-block;
     border-left: 1px solid #eaeaea;
     background: linear-gradient(#f8f8fc, #efeff2);
     color: #505050;
     width: 33px;
+    padding: 15px;
 }
 
 .lists-view-header
@@ -1595,6 +1597,19 @@ ul.large-list li a.edit-list-btn
     border-bottom: 1px solid #dadada;
 }
 
+.list-radio-show:not(:checked) + .list-edit-content
+{
+    display: none;
+}
+
+.list-edit-content
+{
+    background-color: #fff;
+    color: #000;
+    padding: 8px;
+    border-top: 1px solid #dadada;
+}
+
 .create-list-form
 {
     width: 380px;
@@ -1897,6 +1912,7 @@ ul.large-list li a.edit-list-btn
     margin-right: 32px;
 }
 
+/****** FUN STUFF ******/
 .is-cat:before,
 .is-cat:after,
 .is-bun:before,
@@ -1974,7 +1990,6 @@ ul.large-list li a.edit-list-btn
 }
 
 /* Wormle stuff - If you're a theme dev just ignore this honestly */
-
 .wormle-view
 {
     position: relative;

static/list.tmpl

@@ -1,3 +1,8 @@
 <li>
-  <a href="{{%s:prefix}}/lists/for/{{%s:list_id}}" class="btn split list-item">{{%s:list}}</a><a href="{{%s:prefix}}/lists/edit/{{%s:list_id}}" class="btn edit-list-btn">Edit</a>
+  <a href="{{%s:prefix}}/lists/for/{{%s:list_id}}" class="btn split list-item">{{%s:list}}</a><label for="list-edit-{{%s:list_id}}"><span class="btn edit-list-btn">Edit</span></label>
+
+  <input type="checkbox" id="list-edit-{{%s:list_id}}" class="list-radio-show hidden" name="list-radio" class="hidden">
+  <div class="list-edit-content">
+    Content
+  </div>
 </li>

static/list_edit.tmpl

@@ -0,0 +1 @@
+asdasd