bug fixes & ui improvements
This commit is contained in:
parent
08ff4755a1
commit
55760ba368
4 changed files with 308 additions and 72 deletions
|
|
@ -1145,3 +1145,26 @@ input:checked + .toggle-slider:before {
|
|||
color: var(--darker-text-color);
|
||||
margin-top: 0.2rem;
|
||||
}
|
||||
|
||||
.unread-badge {
|
||||
width: 0.65rem;
|
||||
height: 0.65rem;
|
||||
min-width: 0.65rem;
|
||||
min-height: 0.65rem;
|
||||
background-color: var(--big-red);
|
||||
border-radius: 50%;
|
||||
flex-shrink: 0;
|
||||
margin-right: 0.5rem;
|
||||
transition: transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
|
||||
transform: scale(0);
|
||||
}
|
||||
|
||||
.unread-badge.show {
|
||||
transform: scale(1);
|
||||
animation: badge-appear 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
|
||||
}
|
||||
|
||||
@keyframes badge-appear {
|
||||
0% { transform: scale(0); }
|
||||
100% { transform: scale(1); }
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue