Merge pull request #5152 from withspectrum/fix-like-button

Fix like buttons and thread zindexes
withspectrum · Jun 5, 2019 · b2af2ed · b2af2ed
2 parents 2d0c51b + 964d8b4
commit b2af2ed
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git 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
@@ -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;
 `;