diff options
| author | Tusooa Zhu <tusooa@kazv.moe> | 2021-08-08 13:29:49 -0400 |
|---|---|---|
| committer | Tusooa Zhu <tusooa@kazv.moe> | 2022-03-07 19:19:30 -0500 |
| commit | 0e4a7c3d05333d1e3c86b26b4d6b7cd296ff2582 (patch) | |
| tree | 99a000feff3223d1c6391e8d458fc49aa7df59ab /src/components | |
| parent | 8780246ce5566e60520354f5a3de92eacd059f61 (diff) | |
Make dive/undive button clickable along the whole row
Diffstat (limited to 'src/components')
| -rw-r--r-- | src/components/conversation/conversation.vue | 4 | ||||
| -rw-r--r-- | 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 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> |