From b5abd615697146beeca6dba4acd057d049554a30 Mon Sep 17 00:00:00 2001
From: Jake Vanderwerf <get@jakevanderwerf.ca>
Date: Fri, 02 Jan 2026 00:16:00 +0000
Subject: [PATCH] Merge branch 'main' of https://github.com/jakevdwerf/jvb
---
src/feed/style.scss | 84 +++++++++++++++++------------------------
1 files changed, 35 insertions(+), 49 deletions(-)
diff --git a/src/feed/style.scss b/src/feed/style.scss
index 74fbf73..b126889 100644
--- a/src/feed/style.scss
+++ b/src/feed/style.scss
@@ -643,7 +643,7 @@
.feed-block {
grid-column: full;
- .feed-filters {
+ .filters {
padding: 1rem 0;
max-width:var(--wide);
margin: 0 auto;
@@ -690,6 +690,10 @@
}
+ h3 {
+ margin: 0 0 .25rem;
+ font-size: var(--medium);
+ }
}
/** PLACEHOLDERS **/
.placeholder {
@@ -721,20 +725,42 @@
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
height: fit-content;
padding: 0;
+ details {
+ z-index: var(--z-2);
+ width: 100%;
+ position: relative;
+ padding: 0;
+ summary {
+ position:absolute;
+ top: -3rem;
+ left:0;
+ width: 100%;
+ background-color: rgba(var(--base-rgb),var(--op-2));
+ backdrop-filter: blur(5px);
+ &:hover {
+ background-color: rgba(var(--action-rgb),var(--op-45));
+ }
+ }
+ &[open] {
+ padding: .25rem .5rem;
+ summary .icon {
+ opacity: 0;
+ }
+ }
+
+ }
img {
- opacity: .7;
- filter: grayscale(.5) sepia(.3) blur(7px);
- transition: opacity var(--trans-base), filter var(--trans-base);
- &[data-loaded=true] {
- opacity: 1;
- filter: none;
+ object-fit: cover;
+ //opacity: .7;
+ //filter: grayscale(.5) sepia(.3);
+ &:hover {
+ opacity: .8;
}
}
&[data-timeline] {
- aspect-ratio: unset;
- summary {
+ .images {
aspect-ratio: 3/2;
padding: 0 0 1rem;
span {
@@ -778,46 +804,6 @@
display: none;
}
}
- details a {
- font-size: clamp(1rem, 0.9306rem + 0.2222vw, 1.125rem);
- }
-
- &.highlighted {
- box-shadow: 0 0 0 4px #FF0080, 0 8px 16px rgba(0, 0, 0, 0.1);
- animation: highlight-puls 2s ease-in-out;
- }
- &[open],
- &:hover {
- .handle {
- background-color: var(--overlay-pink-medium);
- backdrop-filter: blur(5px);
- }
- }
- summary {
- width: calc(100% - 1rem);
- height: 100%;
- aspect-ratio: 1;
- .handle {
- position: absolute;
- bottom: 0;
- left: 0;
- right: 0;
- background-color: rgba(var(--base-rgb),var(--op-3));
- backdrop-filter: blur(5px);
- border-radius: var(--radius);
- z-index: 1;
- padding: .25rem .25rem .25rem 1.1rem;
- }
- &::after {
- z-index: 11;
- position: absolute;
- bottom: .35rem;
- right: .7rem;
- width: 1.5rem;
- height: 1.5rem;
- cursor: pointer;
- }
- }
label {
font-weight: normal;
--
Gitblit v1.10.0