random-mirrors/gab-social
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Updated status card

Browse Source 
Check for if cardImg exists and if is interactive to set image accordingly.
Updated action button color to primary as it stands out more.
This commit is contained in:
mgabdev 2019-09-10 00:05:37 -04:00
parent 8014a87f85
commit 280895a073
2 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
app/javascript/gabsocial/features/status/components/card.js
View File

@ -151,7 +151,7 @@ export default class Card extends React.PureComponent {
const className = classnames('status-card', { const className = classnames('status-card', {
horizontal, horizontal,
interactive, interactive,
compact: !cardImg, compact: !cardImg && !interactive,
}); });
const title = interactive ? const title = interactive ?
<a className='status-card__title' href={card.get('url')} title={card.get('title')} rel='noopener' target='_blank'> <a className='status-card__title' href={card.get('url')} title={card.get('title')} rel='noopener' target='_blank'>
@ -172,7 +172,7 @@ export default class Card extends React.PureComponent {
); );
let embed = ''; let embed = '';
let thumbnail = <div style={{ backgroundImage: `url(${cardImg})` }} className='status-card__image-image' />; let thumbnail = card ? <div style={{ backgroundImage: `url(${cardImg})` }} className='status-card__image-image' /> : thumbnail = <div className='status-card__image-image' />;
if (interactive) { if (interactive) {
if (embedded) { if (embedded) {

2
app/javascript/styles/gabsocial/components.scss
View File

@ -2225,7 +2225,7 @@ a.account__display-name {
button, button,
a { a {
display: inline; display: inline;
color: $secondary-text-color; color: $primary-text-color;
background: transparent; background: transparent;
border: 0; border: 0;
padding: 0 8px; padding: 0 8px;