From 0e4a7c3d05333d1e3c86b26b4d6b7cd296ff2582 Mon Sep 17 00:00:00 2001
From: Tusooa Zhu <tusooa@kazv.moe>
Date: Sun, 8 Aug 2021 13:29:49 -0400
Subject: [PATCH] Make dive/undive button clickable along the whole row
---
src/components/conversation/conversation.vue | 4 ++++
src/components/thread_tree/thread_tree.vue | 4 ++++
2 files changed, 8 insertions(+)
diff --git a/src/components/conversation/conversation.vue b/src/components/conversation/conversation.vue
index 11b5b3d8..86a227ce 100644
--- 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
index 79ba0cc5..46d65101 100644
--- 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>