Better compatibility with star ratings extension

- Make selected row background slightly transparent and add a shadow to it
- Add more saturation to star ratings on selected rows
This commit is contained in:
Motschen
2022-11-22 21:32:56 +01:00
parent 6000c44412
commit 8e51864f23

View File

@@ -426,7 +426,8 @@ div.GlueDropTarget.personal-library >*.active > div.main-rootlist-statusIcons >
background-color: rgba(var(--spice-rgb-selected-row),.1);
}
.main-trackList-trackListRow.main-trackList-selected, .main-trackList-trackListRow.main-trackList-selected:hover {
background-color: var(--spice-selected-row);
background-color: rgba(var(--spice-rgb-selected-row),.5);
filter: drop-shadow(0 0 14px rgba(var(--spice-rgb-selected-row),.7)) !important;
}
.main-trackList-trackListRow.main-trackList-selected .main-tag-container, .main-trackList-trackListRow.main-trackList-selected:hover .main-tag-container, .main-trackList-trackListRow.main-trackList-selected:active .main-tag-container, .main-trackList-trackListRow.main-trackList-selected:focus .main-tag-container {
color: var(--spice-selected-row) !important;
@@ -833,6 +834,9 @@ CANVAS!!!
box-shadow: 1px 0px 20px 20px #00000055;
}
.main-trackList-trackListRow.main-trackList-selected > .main-trackList-rowSectionVariable.starRatings >* path {
filter: saturate(130%);
}
.main-rootlist-rootlist {
margin-top: -20px;