Creepso/stremio-web
1
0
Fork 0
mirror of https://github.com/Stremio/stremio-web.git synced 2026-04-20 10:42:12 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

ActionButton adapted to the latest changes in common

Browse source
This commit is contained in:
NikolaBorislavovHristov 2019-09-25 15:13:20 +03:00
parent 41fe4f0133
commit 0696ac48ac
2 changed files with 12 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/common/MetaPreview/ActionButton/ActionButton.js
View file

@ -10,7 +10,9 @@ const ActionButton = ({ className, icon, label, ...props }) => {
<Button {...props} className={classnames(className, styles['action-button-container'])} title={label}>
{
typeof icon === 'string' && icon.length > 0 ?
<Icon className={styles['icon']} icon={icon} />
<div className={styles['icon-container']}>
<Icon className={styles['icon']} icon={icon} />
</div>
:
null
}

12
src/common/MetaPreview/ActionButton/styles.less
View file

@ -3,20 +3,26 @@
flex-direction: column;
justify-content: center;
&:hover {
&:hover, &:focus {
background-color: var(--color-surfacedarker60);
}
.icon {
.icon-container {
flex-grow: 0;
flex-shrink: 0;
flex-basis: 50%;
padding-top: 15%;
fill: var(--color-surfacelighter);
&:only-child {
padding: 5% 0;
}
.icon {
display: block;
width: 100%;
height: 100%;
fill: var(--color-surfacelighter);
}
}
.label-container {