pleroma-fe

commit: 0e4a7c3d05333d1e3c86b26b4d6b7cd296ff2582
parent 8780246ce5566e60520354f5a3de92eacd059f61
Author: Tusooa Zhu <tusooa@kazv.moe>
Date:   Sun,  8 Aug 2021 13:29:49 -0400

Make dive/undive button clickable along the whole row

Diffstat:
M
src/components/conversation/conversation.vue
4
++++
M
src/components/thread_tree/thread_tree.vue
4
++++

2 files changed, 8 insertions(+), 0 deletions(-)
diff --git a/src/components/conversation/conversation.vue b/src/components/conversation/conversation.vue
@@ -134,6 +134,10 @@
     border-bottom-style: solid;
     border-bottom-color: var(--border, $fallback--border);
     border-radius: 0;
+    /* Make the button stretch along the whole row */
+    display: flex;
+    align-items: stretch;
+    flex-direction: column;
   }
 
   /* HACK: we want the border width to scale with the status *below it* */
diff --git a/src/components/thread_tree/thread_tree.vue b/src/components/thread_tree/thread_tree.vue
@@ -119,5 +119,9 @@
 .thread-tree-replies-hidden {
   padding: $status-margin;
   border-top: 1px solid var(--border, $fallback--border);
+  /* Make the button stretch along the whole row */
+  display: flex;
+  align-items: stretch;
+  flex-direction: column;
 }
 </style>