xmc/modular/unread.css

51 lines
1.2 KiB
CSS

[class^="listItem-"]:hover [class^="pill-"] {
display: none;
}
[class^="listItem-"] [class^="pill-"] {
width: 52px !important;
height: 56px !important;
top: -4px !important;
left: 11px;
z-index: 100;
}
[class^="listItem-"] [class^="pill-"] > span {
display: none;
}
[class^="listItem-"] [class^="pill-"] > span[style*="height: 8px;"] {
display: block;
left: 4px;
bottom: 2px;
height: 12px !important;
width: 12px !important;
border-radius: 100% !important;
transform: none !important;
z-index: 100;
background: var(--red);
}
[class^="listItem-"] [class^="pill-"] > span[style*="height: 40px;"] {
display: block;
background: transparent;
height: 46px !important;
width: 46px !important;
right: 4px;
top: 5px !important;
border-radius: 10% !important;
box-shadow: 0 0 0 2.5px var(--accent);
z-index: 100;
}
[class^="listItem-"]:hover [class^="pill-"] span {
opacity: 0 !important;
}
[class^="listItem-"]:not(:hover) [class^="pill-"] span {
opacity: 0 !important;
}
[class^="listItem-"]:not(:hover) [class^="pill-"] span[style^="opacity: 0.7"],
[class^="listItem-"]:not(:hover) [class^="pill-"] span[style^="opacity: 1"] {
opacity: 1 !important;
}
[class^="listItem-"] [class^="upperBadge-"] {
z-index: 500;
}