wassname/talk
1
0
Fork 0
mirror of https://github.com/wassname/talk.git synced 2026-08-04 13:23:35 +08:00
Code Issues Packages Projects Releases Wiki Activity

Hide action labels on mobile

Browse Source
This commit is contained in:
Chi Vinh Le
2017-07-11 01:26:25 +07:00
parent f738da4dd5
commit a2dabcac0e
9 changed files with 37 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files
plugins/coral-plugin-like/client/LikeButton.js
+3 -1
View File
@@ -45,7 +45,9 @@ class LikeButton extends React.Component {
className={cn(styles.button, {[styles.liked]: alreadyReacted}, `${plugin}-button`)}
onClick={this.handleClick}
>
<span>{t(alreadyReacted ? 'coral-plugin-like.liked' : 'coral-plugin-like.like')}</span>
<span className={cn(`${plugin}-label`, styles.label)}>
{t(alreadyReacted ? 'coral-plugin-like.liked' : 'coral-plugin-like.like')}
</span>
<Icon name="thumb_up" className={`${plugin}-icon`} />
<span className={`${plugin}-count`}>{count > 0 && count}</span>
</button>
plugins/coral-plugin-like/client/styles.css
+6
View File
@@ -23,3 +23,9 @@
}
}
}
@media (max-width: 425px) {
.label {
display: none;
}
}
plugins/coral-plugin-love/client/LoveButton.js
+3 -1
View File
@@ -45,7 +45,9 @@ class LoveButton extends React.Component {
className={cn(styles.button, {[styles.loved]: alreadyReacted}, `${plugin}-button`)}
onClick={this.handleClick}
>
<span>{t(alreadyReacted ? 'coral-plugin-love.loved' : 'coral-plugin-love.love')}</span>
<span className={cn(`${plugin}-label`, styles.label)}>
{t(alreadyReacted ? 'coral-plugin-love.loved' : 'coral-plugin-love.love')}
</span>
<Icon name="favorite" className={`${plugin}-icon`} />
<span className={`${plugin}-count`}>{count > 0 && count}</span>
</button>
plugins/coral-plugin-love/client/styles.css
+6
View File
@@ -23,3 +23,9 @@
}
}
}
@media (max-width: 425px) {
.label {
display: none;
}
}
plugins/coral-plugin-respect/client/RespectButton.js
+2 -2
View File
@@ -45,11 +45,11 @@ class RespectButton extends React.Component {
className={cn(styles.button, {[styles.respected]: alreadyReacted}, `${plugin}-button`)}
onClick={this.handleClick}
>
<span className={`${plugin}-button-text`}>
<span className={cn(`${plugin}-label`, styles.label)}>
{t(alreadyReacted ? 'coral-plugin-respect.respected' : 'coral-plugin-respect.respect')}
</span>
<Icon className={cn(styles.icon, `${plugin}-icon`)} />
<span className={cn(styles.icon, `${plugin}-count`)}>{count > 0 && count}</span>
<span className={cn(`${plugin}-count`)}>{count > 0 && count}</span>
</button>
</div>
);
plugins/coral-plugin-respect/client/styles.css
+6
View File
@@ -28,3 +28,9 @@
.icon {
padding: 0 5px;
}
@media (max-width: 425px) {
.label {
display: none;
}
}