Sabinno
/
frontend
forked from vikunja/frontend
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Styling improvements

This commit is contained in:
kolaente 2021-02-21 15:19:35 +01:00
parent f8f11b7246
commit 96c85afd48
Signed by untrusted user: konrad
GPG Key ID: F40E70337AB24C9B
1 changed files with 16 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
src/styles/components/notifications.scss
View File

@ -31,7 +31,7 @@
background: $white;
width: 350px;
max-width: calc(100vw - 2rem);
padding: .75rem;
padding: .75rem .25rem;
border-radius: $radius;
box-shadow: $shadow-sm;
font-size: .85rem;
@ -43,18 +43,26 @@
.head {
font-family: $vikunja-font;
font-size: 1rem;
padding-bottom: .5rem;
padding: .5rem;
}
.single-notification {
display: flex;
align-items: center;
transition: background-color $transition;
&:hover {
background: $grey-100;
border-radius: $radius;
}
.read-indicator {
width: .35rem;
height: .35rem;
background: $primary;
border-radius: 100%;
margin-left: .5rem;
&.read {
background: transparent;
@ -65,6 +73,7 @@
display: flex;
align-items: center;
width: auto;
margin-right: .25rem;
span {
font-family: $family-sans-serif;
@ -80,7 +89,11 @@
}
&:last-child {
margin-bottom: 1rem;
margin-bottom: .25rem;
}
a {
color: $grey-800;
}
}