change background color on hover for SideBarListItem

This commit is contained in:
Silas HW 2021-02-07 18:28:28 +00:00
parent b787f64877
commit 7051b40619

View File

@ -25,10 +25,6 @@
--s-darkgray: #555753;
}
.Card__image {
border-radius: 8px;
}
.profile .incognito-badge.paused { /* Away - not playing music */
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='14.5' y='17' width='21' height='21' viewBox='0 0 25 25'%3E%3Cmask id='1de335f8-922e-4b97-b0dc-d3e29e64b60f'%3E%3Crect x='7.5' y='5' width='10' height='10' rx='5' ry='5' fill='white'%3E%3C/rect%3E%3Crect x='6.25' y='3.75' width='7.5' height='7.5' rx='3.75' ry='3.75' fill='black'%3E%3C/rect%3E%3Cpolygon points='-2.16506,-2.5 2.16506,0 -2.16506,2.5' fill='black' transform='scale(0) translate(13.125 10)' style='transform-origin: 13.125px 10px;'%3E%3C/polygon%3E%3Ccircle fill='black' cx='12.5' cy='10' r='0'%3E%3C/circle%3E%3C/mask%3E%3Crect fill='%23faa61a' width='25' height='15' mask='url(%231de335f8-922e-4b97-b0dc-d3e29e64b60f)'%3E%3C/rect%3E%3C/svg%3E");
background-repeat: no-repeat;
@ -286,6 +282,11 @@ textarea, input, select, .form-group input[disabled], .GlueDropdown, .filter-con
color: var(--s-lightgray)
}
.SidebarListItem:hover {
background-color: var(--s-unprogress);
animation-duration: 3s;
}
/* links */ .SidebarListItemLink:link, .SidebarListItemLink:visited {
color: var(--s-fg)
}