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

settings button removed

Browse source
This commit is contained in:
svetlagasheva 2019-10-16 16:08:06 +03:00
parent 940774c697
commit a4350d4b2c
2 changed files with 14 additions and 28 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
src/common/NavBar/NotificationsMenu/NotificationsMenu.js
View file

@ -29,14 +29,9 @@ const NotificationsMenu = ({ className, onClearButtonClicked, onSettingsButtonCl
<div className={styles['notifications-menu-container']}>
<div className={styles['notifications-bar']}>
<div className={styles['notifications-label']}>Notifications</div>
<div className={styles['buttons-container']}>
<Button className={styles['button-container']} onClick={onClearButtonClicked}>
<Icon className={styles['icon']} icon={'ic_drawer'} />
</Button>
<Button className={styles['button-container']} onClick={onSettingsButtonClicked}>
<Icon className={styles['icon']} icon={'ic_settings'} />
</Button>
</div>
<Button className={styles['button-container']} onClick={onClearButtonClicked}>
<Icon className={styles['icon']} icon={'ic_drawer'} />
</Button>
</div>
<NotificationsList className={styles['notifications-list']} metaItems={metaItems}/>
</div>

31
src/common/NavBar/NotificationsMenu/styles.less
View file

@ -39,29 +39,20 @@
color: var(--color-surfacedark);
}
.buttons-container {
.button-container {
width: 2rem;
height: 2rem;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
.button-container {
width: 2rem;
height: 2rem;
display: flex;
align-items: center;
justify-content: center;
&:hover, &:focus {
background-color: var(--color-surfacelight);
}
&:hover, &:focus {
background-color: var(--color-surfacelight);
}
.icon {
width: 1.2rem;
fill: var(--color-surfacedark);
}
&:not(:last-child) {
margin-right: 0.5rem;
}
.icon {
width: 1.2rem;
fill: var(--color-surfacedark);
}
}
}