moon
/
pleroma-fe
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Make dive/undive button clickable along the whole row

This commit is contained in:
Tusooa Zhu 2021-08-08 13:29:49 -04:00
parent 8780246ce5
commit 0e4a7c3d05
No known key found for this signature in database
GPG Key ID: 7B467EDE43A08224
2 changed files with 8 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/conversation/conversation.vue
View File

@ -134,6 +134,10 @@
border-bottom-style: solid; border-bottom-style: solid;
border-bottom-color: var(--border, $fallback--border); border-bottom-color: var(--border, $fallback--border);
border-radius: 0; 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* */ /* HACK: we want the border width to scale with the status *below it* */

4
src/components/thread_tree/thread_tree.vue
View File

@ -119,5 +119,9 @@
.thread-tree-replies-hidden { .thread-tree-replies-hidden {
padding: $status-margin; padding: $status-margin;
border-top: 1px solid var(--border, $fallback--border); 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> </style>