Fixed issue with outlines on statuses, comments, article tags

• Fixed:
- issue with outlines on statuses, comments, article tags
This commit is contained in:
mgabdev 2020-06-12 16:55:59 -04:00
parent 0c3c6f7686
commit fe7d713587
3 changed files with 7 additions and 3 deletions

View File

@ -134,7 +134,7 @@ class IntersectionObserverArticle extends React.Component {
if (!isIntersecting && (isHidden || cachedHeight)) { if (!isIntersecting && (isHidden || cachedHeight)) {
return ( return (
<article <article
className={[_s.outlineNone].join(' ')} className={_s.outlineNone}
ref={this.handleRef} ref={this.handleRef}
aria-posinset={index + 1} aria-posinset={index + 1}
aria-setsize={listLength} aria-setsize={listLength}
@ -149,6 +149,7 @@ class IntersectionObserverArticle extends React.Component {
return ( return (
<article <article
className={_s.outlineNone}
ref={this.handleRef} ref={this.handleRef}
aria-posinset={index + 1} aria-posinset={index + 1}
aria-setsize={listLength} aria-setsize={listLength}

View File

@ -503,7 +503,7 @@ class Status extends ImmutablePureComponent {
} }
return ( return (
<HotKeys handlers={handlers}> <HotKeys handlers={handlers} className={_s.outlineNone}>
<div className={parentClasses}> <div className={parentClasses}>
<ResponsiveClassesComponent <ResponsiveClassesComponent
classNames={containerClasses} classNames={containerClasses}

View File

@ -223,6 +223,7 @@ class StatusContent extends ImmutablePureComponent {
const statusContentClasses = cx({ const statusContentClasses = cx({
statusContent: 1, statusContent: 1,
outlineNone: 1,
displayNone: hidden, displayNone: hidden,
}) })
@ -248,7 +249,7 @@ class StatusContent extends ImmutablePureComponent {
<div className={[_s.default, _s.flexRow, _s.mr5].join(' ')}> <div className={[_s.default, _s.flexRow, _s.mr5].join(' ')}>
<Icon id='warning' size='14px' className={[_s.fillPrimary, _s.mt2, _s.mr5].join(' ')}/> <Icon id='warning' size='14px' className={[_s.fillPrimary, _s.mt2, _s.mr5].join(' ')}/>
<div <div
className={_s.statusContent} className={[_s.statusContent, _s.outlineNone].join(' ')}
dangerouslySetInnerHTML={spoilerContent} dangerouslySetInnerHTML={spoilerContent}
lang={status.get('language')} lang={status.get('language')}
/> />
@ -291,6 +292,7 @@ class StatusContent extends ImmutablePureComponent {
const statusContentClasses = cx({ const statusContentClasses = cx({
statusContent: 1, statusContent: 1,
outlineNone: 1,
height215PX: collapsed & !isComment, height215PX: collapsed & !isComment,
height122PX: collapsed && isComment, height122PX: collapsed && isComment,
overflowHidden: collapsed, overflowHidden: collapsed,
@ -330,6 +332,7 @@ class StatusContent extends ImmutablePureComponent {
const containerClasses = cx({ const containerClasses = cx({
statusContent: 1, statusContent: 1,
outlineNone: 1,
px15: !isComment, px15: !isComment,
mb15: !isComment, mb15: !isComment,
mt5: isComment, mt5: isComment,