bterkuile/fizzy
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Indicate golden cards in activity

Browse Source
This commit is contained in:
Jason Zimdars
2025-05-29 15:30:17 -05:00
parent 81eb1e6fa3
commit 9052b76c39
2 changed files with 22 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/assets/stylesheets/events.css
+21
View File
@@ -143,6 +143,27 @@
}
}
.event--golden {
--lch-golden: 89.1% 0.178 95.7;
background-color: var(--color-canvas) !important;
background-image: linear-gradient(60deg,
oklch(var(--lch-golden) / 0.5) 0%,
oklch(var(--lch-golden) / 0.15) 33%,
oklch(var(--lch-golden) / 0.05) 66%,
oklch(var(--lch-golden) / 0.5) 100%
);
border-color: var(--color-ink-lighter) !important;
box-shadow:
0 0 0 1px oklch(var(--lch-golden) / 75%),
0 0 0.2em 0.2em oklch(var(--lch-golden) / 25%),
0 0 .7em 0.5em oklch(var(--lch-golden) / 25%) !important;
@media (prefers-color-scheme: dark) {
--lch-golden: var(--lch-blue-medium);
}
}
.event--related {
--hover-color: var(--card-color);
--hover-size: 0.15rem;
app/views/events/event/_layout.html.erb
+1 -1
View File
@@ -1,5 +1,5 @@
<%= link_to event.notifiable_target,
class: "event event--#{ event.action } panel center center-block flex-inline align-start justify-start gap position-relative",
class: "event event--#{ event.action } #{ "event--golden" if event.card.golden? } panel center center-block flex-inline align-start justify-start gap position-relative",
style: "--card-color: #{ card.closed? ? "var(--color-card-complete)" : card.color }; background-color: color-mix(in srgb, var(--card-color) 10%, var(--color-canvas));
color: color-mix(in srgb, var(--card-color) 40%, var(--color-ink)); border: 1px solid color-mix(in srgb, var(--card-color) 20%, var(--color-canvas))",
data: { related_element_target: "related",