From ee7bc9545bd1965bb95cc89a98d6c336b8a55d06 Mon Sep 17 00:00:00 2001
From: Jake Vanderwerf <get@jakevanderwerf.ca>
Date: Wed, 11 Feb 2026 00:45:25 +0000
Subject: [PATCH] =cleaning up some of the console logs in crud.js
---
src/feed/style.scss | 138 ++++++++++++++++++++++++++++++++++++++++++++-
1 files changed, 134 insertions(+), 4 deletions(-)
diff --git a/src/feed/style.scss b/src/feed/style.scss
index b126889..de52421 100644
--- a/src/feed/style.scss
+++ b/src/feed/style.scss
@@ -647,6 +647,11 @@
padding: 1rem 0;
max-width:var(--wide);
margin: 0 auto;
+
+ .remove-term.remove-term {
+ width: max-content;
+ height: max-content
+ }
}
.filter-group {
position: relative;
@@ -752,6 +757,8 @@
img {
object-fit: cover;
+ width: 100%;
+ height: 100%;
//opacity: .7;
//filter: grayscale(.5) sepia(.3);
&:hover {
@@ -816,11 +823,134 @@
.item-grid:has([data-timeline]) {
- grid-template-columns: repeat(1, 1fr);
+ grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
}
-@media (min-width:768px) {
- .item-grid:has([data-timeline]) {
- grid-template-columns: repeat(2, 1fr);
+.items-wrap [type=radio],
+.items-wrap [type=checkbox] {
+ position: absolute;
+ opacity: 0;
+ left: -200vw;
+}
+
+.items-wrap [type=radio] + label,
+.items-wrap [type=checkbox] + label {
+ position: relative;
+ cursor: pointer;
+}
+
+.items-wrap [type=radio] + label:hover,
+.items-wrap [type=checkbox] + label:hover {
+ color: var(--action-0);
+}
+
+.items-wrap [type=radio] + label::before,
+.items-wrap [type=checkbox] + label::before,
+.items-wrap [type=radio] + label::after,
+.items-wrap [type=checkbox] + label::after {
+ content: '';
+ position: absolute;
+ top: 50%;
+}
+
+.items-wrap [type=radio] + label::after,
+.items-wrap [type=checkbox] + label::after {
+ left: 5px;
+ transform: translateY(-70%) rotate(45deg);
+ width: 5px;
+ height: 10px;
+ border: solid var(--light-0);
+ border-width: 0 2px 2px 0;
+ display: none;
+}
+
+.items-wrap [type=radio] + label::before,
+.items-wrap [type=checkbox] + label::before {
+ left: 0;
+ transform: translateY(-50%);
+ width: 1rem;
+ height: 1rem;
+ border: 2px solid var(--contrast-200);
+ background-color: var(--base);
+ border-radius: var(--radius);
+}
+
+.items-wrap [type=radio]:hover + label::before,
+.items-wrap [type=checkbox]:hover + label::before {
+ border-color: var(--action-200);
+}
+
+.items-wrap [type=radio]:checked + label::before,
+.items-wrap [type=checkbox]:checked + label::before{
+ background-color: var(--action-0);
+ border-color: var(--action-100);
+}
+
+.items-wrap [type=radio]:checked + label::before {
+ border-radius: 50%;
+}
+
+.items-wrap [type=checkbox]:checked + label::after {
+ display: block;
+ left: 5px;
+ top: 50%;
+ transform: translateY(-70%) rotate(45deg);
+ width: .35rem;
+ height: .66rem;
+ border: solid var(--light-0);
+ border-width: 0 2px 2px 0;
+}
+
+.items-wrap :disabled + label {
+ cursor: not-allowed;
+ background-color: var(--base-50);
+ color: var(--base-200);
+ border-color: var(--base-200);
+}
+
+.items-wrap :disabled + label:hover {
+ background-color: var(--base-50);
+ color: var(--base-200);
+ border-color: var(--base-200);
+}
+
+.items-wrap :disabled + label::before {
+ border-color: var(--base-200);
+}
+
+#jvb-selector .items-wrap [type=radio] + label,
+#jvb-selector .items-wrap [type=checkbox] + label{
+ flex: 1;
+ padding-left: 2rem!important;
+ transform-origin: top center;
+ will-change: transform;
+}
+
+.feed-block + footer {
+ grid-column: full;
+ padding: 0!important;
+ margin: 0;
+ background-color: var(--base-50);
+ z-index: 0;
+ display: flex;
+ justify-content: flex-end;
+ button {
+ width: max-content;
+ margin-left: auto;
+ padding: .35rem .25rem;
+ --w: 1.3em!important;
+ flex-wrap: nowrap;
+ justify-content:flex-start;
+ transition: var(--trans-size);
+ font-size: var(--txt-x-small);
+ min-height: 0;
+ span {
+ display: none;
+ white-space: nowrap;
+ }
+ &:focus span,
+ &:hover span {
+ display: block;
+ }
}
}
--
Gitblit v1.10.0