From c2c0f39ec5e41ed436025c32a9a00444e4bebb33 Mon Sep 17 00:00:00 2001
From: Jake Vanderwerf <get@jakevanderwerf.ca>
Date: Fri, 09 Jan 2026 03:47:13 +0000
Subject: [PATCH] =latest
---
all.css | 297 +++++++++++++++++++++++++++++++++++++++++++++++++++++++---
1 files changed, 278 insertions(+), 19 deletions(-)
diff --git a/all.css b/all.css
index f25726b..30053b3 100644
--- a/all.css
+++ b/all.css
@@ -544,13 +544,13 @@
animation: none!important;
}
}
-body:has(aside.expanded),
-body:has(nav.open),
-body:has(dialog[open]),
-body.loading {
- overflow: hidden;
- max-height:100vh;
-}
+/*body:has(aside.expanded),*/
+/*body:has(nav.open:not(.drawer)),*/
+/*body:has(dialog[open]),*/
+/*body.loading {*/
+/* overflow: hidden;*/
+/* max-height: 100vh;*/
+/*}*/
main {
display: grid;
@@ -615,6 +615,12 @@
box-shadow: rgba(var(--base-rgb), var(--op-45)) var(--shdw-down);
transition: top var(--trans-base);
}
+header a[rel="home"] {
+ display: flex;
+ align-items: center;
+ max-height:var(--btn);
+ overflow:hidden;
+}
.scroll-progress {
@@ -837,6 +843,7 @@
.font-small { font-size: var(--txt-x-small); }
.font-medium { font-size: var(--txt-medium); }
.font-large { font-size: var(--txt-large); }
+.font-x-large { font-size: var(--txt-x-large); }
/**************************************************************
UTILITY CLASSES - SPACING
**************************************************************/
@@ -951,9 +958,9 @@
/**************************************************************
UTILITY CLASSES - TEXT & VISIBILITY
**************************************************************/
-.text-center { text-align: center; }
-.text-left { text-align: left; }
-.text-right { text-align: right; }
+.align-center { text-align: center; }
+.align-left { text-align: left; }
+.align-right { text-align: right; }
*[hidden] {
display: none!important;
@@ -1172,10 +1179,44 @@
.grid-view .item,
.item-grid .item {
border-radius: var(--radius-outer);
- aspect-ratio: 1;
display:flex;
filter: none;
+ position: relative;
}
+ .item.col {
+ --wrap: nowrap;
+ }
+ .votes,
+ .favourite {
+ position: absolute;
+ z-index: var(--z-1);
+ box-shadow: rgba(var(--base-rgb),var(--op-2)) var(--shdw);
+ background-color: rgba(var(--base-rgb),var(--op-2));
+ }
+ .favourite .icon-heart-fi,
+ .favourited .icon-heart {
+ display: none;
+ }
+ .favourited .icon-heart-fi,
+ .favourite .icon-heart {
+ display: block;
+ }
+.votes {
+ bottom: 0;
+ right: 0;
+}
+.favourite {
+ top: 0;
+ left: 0;
+}
+.item-grid .item .images,
+.item-grid .item .images a{
+ aspect-ratio: 1;
+ width: 100%;
+ height: 100%;
+ display: flex;
+}
+
.item-grid button {
--height: max-content;
@@ -1212,6 +1253,7 @@
/******************************************************************
INTERACTIVE ELEMENTS - BASE
******************************************************************/
+li.btn,
button,
[type=submit],
a.button,
@@ -1271,6 +1313,8 @@
/******************************************************************
INTERACTIVE ELEMENTS - STATES
******************************************************************/
+li.btn:hover,
+li.btn:focus,
button:hover,
button:focus,
[type=submit]:hover,
@@ -1381,6 +1425,9 @@
background-color: transparent;
white-space: nowrap;
font-size: 1rem;
+ height: var(--chip_);
+ width: var(--chip_);
+ min-height: 0;
padding: .35em;
--w: 1.2em;
}
@@ -1599,6 +1646,53 @@
text-transform: lowercase;
}
+.directory-list > ul
+{
+ max-width: 100%;
+}
+ .directory-list h3 {
+ margin: 0;
+ text-align: center;
+ position: sticky;
+ font-size: var(--txt-enormous);
+ width: 100%;
+ top: 0;
+ left: 0;
+ color: var(--base);
+ text-shadow: var(--base-200) 1px 1px 0;
+ user-select:none;
+ }
+ .directory-list > ul > li {
+ padding: 2rem;
+ align-items: center;
+ }
+ .directory-list > ul > li:nth-of-type(even) {
+ background-color: var(--base-100);
+ }
+ .directory-list ul ul {
+ width: 100%;
+ }
+ .directory-list ul ul li {
+ padding: .35rem .5rem;
+ }
+ .directory-list ul ul li:nth-of-type(even) {
+ background-color:var(--base);
+ }
+
+ @media (min-width: 768px) {
+ .directory-list h3 {
+ width: 20vw;
+ }
+ .directory-list > ul {
+ width: 100%;
+ }
+ .directory-list ul ul {
+ min-height: var(--txt-enormous);
+ }
+ .directory-list > ul > li {
+ padding: 2rem 10vw;
+ }
+ }
/**************************************************
COVER BLOCK
**************************************************/
@@ -1625,9 +1719,11 @@
position: absolute;
inset: 0;
width: 100%;
+ max-width: 100%;
height: 100%;
}
+
.cover .content {
z-index: 5;
position: relative;
@@ -1756,7 +1852,7 @@
dialog > .wrap,
dialog > form {
- max-height: 100%;
+ max-height: var(--maxHeight);
overflow: hidden auto;
margin: 0 0 0 1.5rem;
padding-right: 1.2rem;
@@ -1793,11 +1889,14 @@
.m-actions button {
width: 100%;
- height: 3rem;
+ height: var(--chipchip);
border-radius: 0;
+ font-size: var(--txt-x-small);
+ --gap: .75rem;
color: var(--action-contrast);
background-color: var(--action-50);
border: 2px solid var(--action-50);
+ box-shadow:none;
}
.m-actions button:hover,
@@ -2623,6 +2722,7 @@
border-bottom: 1px solid var(--base-200);
flex-shrink: 0;
--height: max-content;
+ width: 100%;
}
.qitems {
@@ -2650,6 +2750,36 @@
#queue .filters {
padding: 1rem 0 0;
+ width: 100%;
+}
+#queue .filters .btn + label {
+ width: max-content;
+ position: relative;
+ height: var(--chip_);
+ font-size: var(--txt-x-small);
+ font-weight: var(--fw-h-light);
+ box-shadow: var(--shdw-none);
+}
+#queue .filters label .count {
+ width: 1em;
+ height: 1em;
+ position: absolute;
+ top: -8px;
+ right: -4px;
+ background: var(--base-100);
+ border-radius: 50%;
+ z-index: 5;
+}
+#queue .filters label .count:empty {
+ display: none;
+}
+#queue .failed .bar,
+#queue .failed_permanent .bar {
+ background-color: var(--error);
+ opacity: .2;
+}
+#queue span.completed {
+ margin-left: auto;
}
#queue .filters .filter {
@@ -2669,6 +2799,13 @@
color: var(--action-contrast);
}
+#queue .progress .row.btw {
+ --justify: flex-end;
+}
+#queue .progress .details {
+ font-size: var(--txt-small);
+}
+
/* Filter count badge */
.filter .count {
--offset: -8px;
@@ -2721,7 +2858,7 @@
}
#queue .item .status {
- --w: 1em;
+ --w: 1.3em;
--gap: 0;
--justify:center;
--align: center;
@@ -2732,10 +2869,11 @@
color: var(--contrast-200);
background-color: var(--base-50);
border: 1px solid var(--base-200);
- width: 1.25em;
- height: 1.25em;
+ width: 2em;
+ height: 2em;
}
+
#queue .item .status.completed:hover {
color: var(--contrast-200);
}
@@ -2745,6 +2883,7 @@
padding: 0;
line-height: 1;
opacity: .5;
+ min-height: 0;
transition: opacity .2s;
}
@@ -2766,6 +2905,7 @@
/* Item actions */
#queue .item .actions {
--gap: 8px;
+ margin-top: 1rem;
}
#queue .item .actions button {
@@ -3077,10 +3217,16 @@
border-radius: 4px;
padding: 0 .5rem;
position: fixed;
- bottom: var(--btn_);
+ bottom: 0;
right: calc(var(--btn_) + 1rem);
--w: 1em;
box-shadow:var(--shdw);
+ display:flex;
+ flex-wrap: nowrap;
+ gap: 1rem;
+}
+body:has(.fixed.bottom) .fstatus {
+ bottom: var(--btn_);
}
.fstatus .spinner {
@@ -3495,7 +3641,8 @@
}
.no-referrals,
-.loading {
+.loading,
+.message {
text-align: center;
padding: 1rem;
color: var(--contrast-200);
@@ -3710,6 +3857,118 @@
opacity: 1;
transform: none;
}
+
+/******************************************************************
+TAXONOMY SELECTOR
+******************************************************************/
+.items-container {
+ margin: 0;
+ padding: 0;
+ width: 100%;
+}
+
+details.create-term {
+ margin-top: auto;
+ width: 100%;
+}
+#jvb-selector .search-wrapper {
+ margin-top: auto;
+ width:100%;
+}
+.search-wrapper:not(.open) .search {
+ margin-left: auto;
+}
+.search-wrapper + details.create-term {
+ margin-top: 0;
+}
+
+details.create-term .field,
+.create-term[open] summary {
+ margin-bottom: 1rem;
+}
+
+details.create-term .field {
+ max-width: 100%;
+}
+
+#jvb-selector > .wrap {
+ --wrap: nowrap;
+ --justify: flex-start;
+}
+
+#jvb-selector .items-wrap {
+ width: 100%;
+ padding: 1rem 0;
+ border-top: 1px solid var(--base-200);
+}
+
+#jvb-selector .items-container {
+ display: grid;
+ grid-template-columns: repeat(2, 1fr)
+}
+#jvb-selector li {
+ list-style: none;
+}
+#jvb-selector li label {
+ padding-left: 0!important;
+}
+
+.autocomplete-dropdown {
+ width: 100%;
+ background-color: var(--base-100);
+ padding: .5rem;
+ box-shadow: rgba(var(--base-rgb),var(--op-45)) var(--shdw);
+}
+li.autocomplete {
+ list-style: none;
+ display: inline-flex;
+ margin: 0.25rem;
+ min-height: var(--chip);
+}
+
+.submit-term {
+ gap: 0;
+}
+.submit-term strong {
+ padding-right: 1rem;
+}
+.selected-items {
+ width:100%;
+ padding: .5rem;
+ border-radius: var(--radius);
+ background-color:var(--base);
+ --justify: flex-start;
+ --gap: .5rem;
+ margin-bottom: .5rem;
+}
+
+.selected-items.selected-items:empty {
+ padding:0;
+ background-color:transparent;
+ margin: 0;
+}
+
+.selected-item {
+ padding: .25rem .5rem;
+ margin: .125em;
+ background: var(--base-100);
+ border-radius: .25rem;
+ font-size: var(--txt-medium);
+ border: 1px solid var(--base-200);
+ position: relative;
+}
+.remove-term.remove-term {
+ min-height: 0;
+ height: var(--chip);
+ width: var(--chip);
+ padding: 0;
+ --w: .75em;
+}
+
+.clear-filters {
+ margin-left: auto;
+ border: 1px solid var(--base-200);
+}
/**************************************************
ANIMATIONS
**************************************************/
@@ -3771,4 +4030,4 @@
50% {
transform: rotate(5deg) scale(1.1);
}
-}
\ No newline at end of file
+}
--
Gitblit v1.10.0