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

notifications menu container styles moved

Browse source
This commit is contained in:
svetlagasheva 2019-10-16 17:08:21 +03:00
parent 9b2b97cb86
commit 2cc1cb1e56
1 changed files with 40 additions and 40 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -18,51 +18,51 @@
height: 50%; height: 50%;
fill: var(--color-surfacelighter); fill: var(--color-surfacelighter);
} }
}
.notifications-menu-container { .notifications-menu-container {
display: flex;
flex-direction: column;
.notifications-bar {
display: flex; display: flex;
flex-direction: row; flex-direction: column;
align-items: center;
justify-content: space-between; .notifications-bar {
padding: 0.5rem;
border-bottom: thin solid var(--color-surfacelight);
background-color: var(--color-surfacelighter);
.notifications-label {
padding-left: 0.5rem;
color: var(--color-surfacedark);
}
.button-container {
width: 2rem;
height: 2rem;
display: flex; display: flex;
flex-direction: row;
align-items: center; align-items: center;
justify-content: center; justify-content: space-between;
padding: 0.5rem;
&:hover, &:focus { border-bottom: thin solid var(--color-surfacelight);
background-color: var(--color-surfacelight);
background-color: var(--color-surfacelighter);
.notifications-label {
padding-left: 0.5rem;
color: var(--color-surfacedark);
} }
.icon { .button-container {
width: 1.2rem; width: 2rem;
fill: var(--color-surfacedark); height: 2rem;
display: flex;
align-items: center;
justify-content: center;
&:hover, &:focus {
background-color: var(--color-surfacelight);
}
.icon {
width: 1.2rem;
fill: var(--color-surfacedark);
}
} }
} }
.notifications-list {
--item-size: 28rem;
flex-grow: 0;
flex-shrink: 0;
flex-basis: auto;
height: 30rem;
align-self: stretch;
}
} }
}
.notifications-list {
--item-size: 28rem;
flex-grow: 0;
flex-shrink: 0;
flex-basis: auto;
height: 30rem;
align-self: stretch;
}
}