2022-10-19 03:12:12 +00:00
|
|
|
[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;
|
2023-02-15 05:00:25 +00:00
|
|
|
background: var(--red, var(--status-red-500));
|
2022-10-19 03:12:12 +00:00
|
|
|
}
|
|
|
|
|
[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;
|
2023-02-15 05:00:25 +00:00
|
|
|
box-shadow: 0 0 0 2.5px var(--accent, var(--brand-500));
|
2022-10-19 03:12:12 +00:00
|
|
|
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;
|
2022-10-19 03:32:11 +00:00
|
|
|
}
|
