From 58b643a8cd761bc54634e7b12c1cec85316109f1 Mon Sep 17 00:00:00 2001
From: mgabdev <>
Date: Fri, 5 Jun 2020 22:41:51 -0400
Subject: [PATCH] Updated TimelineQueueButtonHeader styles
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

• Updated:
- TimelineQueueButtonHeader styles to be visible up top after dismissing the floating
---
 .../timeline_queue_button_header.js           | 19 ++++++++++++++-----
 1 file changed, 14 insertions(+), 5 deletions(-)

diff --git a/app/javascript/gabsocial/components/timeline_queue_button_header.js b/app/javascript/gabsocial/components/timeline_queue_button_header.js
index 7f81f9c7..3d5d2226 100644
--- a/app/javascript/gabsocial/components/timeline_queue_button_header.js
+++ b/app/javascript/gabsocial/components/timeline_queue_button_header.js
@@ -88,15 +88,24 @@ export default class TimelineQueueButtonHeader extends PureComponent {
 
     const hasItems = count > 0
 
-    const classes = cx({
+    const containerClasses = cx({
       default: 1,
-      displayNone: (!hasItems || hidden),
+      pb5: 1,
+      posSticky: !hidden,
+      top120PX: !hidden,
+      alignItemsCenter: 1,
+      z3: 1,
+    })
+
+    const innerContainerClasses = cx({
+      default: 1,
+      displayNone: !hasItems,
       mtNeg26PX: 1,
     })
 
     return (
-      <div className={[_s.default, _s.pb5, _s.posSticky, _s.top120PX, _s.alignItemsCenter, _s.z3].join(' ')}>
-        <div className={classes}>
+      <div className={containerClasses}>
+        <div className={innerContainerClasses}>
           <Button
             isNarrow
             color='white'
@@ -104,7 +113,7 @@ export default class TimelineQueueButtonHeader extends PureComponent {
             onClick={this.handleOnClick}
           >
             {
-              hasItems && !hidden && 
+              hasItems && 
               <Text color='inherit' size='small'>
                 <FormattedMessage
                   id='timeline_queue.label'