From d7dbe7fee362d587dfc334135d9581b6216a4295 Mon Sep 17 00:00:00 2001
From: Jake Vanderwerf <get@jakevanderwerf.ca>
Date: Sun, 23 Nov 2025 04:13:56 +0000
Subject: [PATCH] =Timeline block, and feed block updated. DataStore.js refactored to not block rendering
---
src/gmbreviews/style.scss | 64 +++++++++++++++++++++++++++++---
1 files changed, 58 insertions(+), 6 deletions(-)
diff --git a/src/gmbreviews/style.scss b/src/gmbreviews/style.scss
index a2edaf3..339f5dc 100644
--- a/src/gmbreviews/style.scss
+++ b/src/gmbreviews/style.scss
@@ -1,4 +1,5 @@
.gmb-reviews {
+ max-width: var(--alignWide);
> .row.btw {
.button {
width: 100%;
@@ -9,8 +10,10 @@
}
}
.stars {
- display: inline-block;
- vertical-align: middle;
+ display: inline-flex;
+ align-items: center;
+ justify-content: center;
+ flex-wrap: nowrap;
}
ul {
list-style: none;
@@ -19,13 +22,62 @@
li {
margin: 2rem 0;
position:relative;
- &:nth-of-type(odd) {
- left: -2rem;
+ @media (min-width: 768px) {
+ &:nth-of-type(odd) {
+ left: -2rem;
+ }
+ &:nth-of-type(even) {
+ right: -2rem;
+ }
}
- &:nth-of-type(even) {
- right: -2rem;
+
+ }
+ }
+ blockquote {
+ margin:0;
+ padding: 0;
+ .content {
+ border-width: 4px 1px;
+ &::after {
+ border-width: 4px 1px;
+ }
+ &::before {
+ border-width: 8px;
+ bottom: -4px;
}
}
+ cite {
+ position: relative;
+
+ img {
+ width: 4.5rem;
+ position: absolute;
+ left: -8rem;
+ top: 0;
+ }
+
+ p {
+ margin: 0;
+ }
+
+ .wrap {
+ --wrap: wrap;
+
+ p, time {
+ max-width: 49%;
+ }
+
+ .stars {
+ width: 100%;
+ }
+ }
+ }
+ time {
+ white-space: nowrap;
+ }
+ }
+ .stars .icon {
+ background-color: var(--action-0);
}
article {
padding: 1rem;
--
Gitblit v1.10.0