From fe7d7135874d6572499d844eea25c431ea16ff10 Mon Sep 17 00:00:00 2001
From: mgabdev <>
Date: Fri, 12 Jun 2020 16:55:59 -0400
Subject: [PATCH] Fixed issue with outlines on statuses, comments, article tags
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

• Fixed:
- issue with outlines on statuses, comments, article tags
---
 .../gabsocial/components/intersection_observer_article.js    | 3 ++-
 app/javascript/gabsocial/components/status.js                | 2 +-
 app/javascript/gabsocial/components/status_content.js        | 5 ++++-
 3 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/app/javascript/gabsocial/components/intersection_observer_article.js b/app/javascript/gabsocial/components/intersection_observer_article.js
index 52aa2077..0f124d5d 100644
--- a/app/javascript/gabsocial/components/intersection_observer_article.js
+++ b/app/javascript/gabsocial/components/intersection_observer_article.js
@@ -134,7 +134,7 @@ class IntersectionObserverArticle extends React.Component {
     if (!isIntersecting && (isHidden || cachedHeight)) {
       return (
         <article
-          className={[_s.outlineNone].join(' ')}
+          className={_s.outlineNone}
           ref={this.handleRef}
           aria-posinset={index + 1}
           aria-setsize={listLength}
@@ -149,6 +149,7 @@ class IntersectionObserverArticle extends React.Component {
 
     return (
       <article
+        className={_s.outlineNone}
         ref={this.handleRef}
         aria-posinset={index + 1}
         aria-setsize={listLength}
diff --git a/app/javascript/gabsocial/components/status.js b/app/javascript/gabsocial/components/status.js
index 5c5aa7c1..b7deb8b7 100644
--- a/app/javascript/gabsocial/components/status.js
+++ b/app/javascript/gabsocial/components/status.js
@@ -503,7 +503,7 @@ class Status extends ImmutablePureComponent {
     }
 
     return (
-      <HotKeys handlers={handlers}>
+      <HotKeys handlers={handlers} className={_s.outlineNone}>
         <div className={parentClasses}>
           <ResponsiveClassesComponent
             classNames={containerClasses}
diff --git a/app/javascript/gabsocial/components/status_content.js b/app/javascript/gabsocial/components/status_content.js
index 853257ad..29e184b1 100644
--- a/app/javascript/gabsocial/components/status_content.js
+++ b/app/javascript/gabsocial/components/status_content.js
@@ -223,6 +223,7 @@ class StatusContent extends ImmutablePureComponent {
 
       const statusContentClasses = cx({
         statusContent: 1,
+        outlineNone: 1,
         displayNone: hidden,
       })
 
@@ -248,7 +249,7 @@ class StatusContent extends ImmutablePureComponent {
             <div className={[_s.default, _s.flexRow, _s.mr5].join(' ')}>
               <Icon id='warning' size='14px' className={[_s.fillPrimary, _s.mt2, _s.mr5].join(' ')}/>
               <div
-                className={_s.statusContent}
+                className={[_s.statusContent, _s.outlineNone].join(' ')}
                 dangerouslySetInnerHTML={spoilerContent}
                 lang={status.get('language')}
               />
@@ -291,6 +292,7 @@ class StatusContent extends ImmutablePureComponent {
 
       const statusContentClasses = cx({
         statusContent: 1,
+        outlineNone: 1,
         height215PX: collapsed & !isComment,
         height122PX: collapsed && isComment,
         overflowHidden: collapsed,
@@ -330,6 +332,7 @@ class StatusContent extends ImmutablePureComponent {
 
     const containerClasses = cx({
       statusContent: 1,
+      outlineNone: 1,
       px15: !isComment,
       mb15: !isComment,
       mt5: isComment,