From 964d8b4fa5bb58a4d828efb65a891e99aaf3fca3 Mon Sep 17 00:00:00 2001 From: Brian Lovin Date: Wed, 5 Jun 2019 14:21:54 -0400 Subject: [PATCH] Fix like buttons and thread zindexes --- src/components/threadLikes/style.js | 2 +- src/views/thread/style.js | 3 +++ 2 files changed, 4 insertions(+), 1 deletion(-) diff --git a/src/components/threadLikes/style.js b/src/components/threadLikes/style.js index f6157b6507..4440069798 100644 --- a/src/components/threadLikes/style.js +++ b/src/components/threadLikes/style.js @@ -17,7 +17,6 @@ export const LikeButtonWrapper = styled(Button)` overflow: hidden; padding: 0; padding-left: 16px; - pointer-events: none; div + span { margin: 0; @@ -49,6 +48,7 @@ export const LikeCountWrapper = styled.div` margin-right: 12px; color: ${props => props.active ? props.theme.text.reverse : props.theme.text.alt}; + pointer-events: none; ${CurrentCount} { margin-left: 4px; diff --git a/src/views/thread/style.js b/src/views/thread/style.js index 2f644e35f7..137eac3906 100644 --- a/src/views/thread/style.js +++ b/src/views/thread/style.js @@ -145,6 +145,7 @@ export const ThreadWrapper = styled(FlexCol)` /* manually nudge up 60px to cover the sliding header in the thread view */ top: -68px; margin-bottom: -68px; + z-index: 3; ${props => props.isEditing && @@ -906,4 +907,6 @@ export const BylineContainer = styled.div` margin-left: -16px; margin-right: -16px; margin-top: -16px; + position: relative; + z-index: 1000; `;