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
---
forms.css | 144 ++++++++++++-----------------------------------
1 files changed, 37 insertions(+), 107 deletions(-)
diff --git a/forms.css b/forms.css
index ec3bdcc..9e707ef 100644
--- a/forms.css
+++ b/forms.css
@@ -226,47 +226,29 @@
/**********************
SPECIAL FIELDS
**********************/
-.selected-items {
- --justify: flex-start;
- --gap: .5rem;
- margin-bottom: .5rem;
-}
-.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-item {*/
+/* background: none;*/
+/* border: none;*/
+/* padding: .25rem;*/
+/* cursor: pointer;*/
+/* color: #666;*/
+/* border-radius: var(--radius);*/
+/* width: 1.5em;*/
+/* height: 1.5em;*/
+/*}*/
-.remove-item {
- background: none;
- border: none;
- padding: .25rem;
- cursor: pointer;
- color: #666;
- border-radius: var(--radius);
- width: 1.5em;
- height: 1.5em;
-}
+/*.remove-item .close {*/
+/* width: .5em;*/
+/* height: .5em;*/
+/*}*/
-.remove-item .close {
- width: .5em;
- height: .5em;
-}
+/*.remove-item:hover {*/
+/* color: var(--action-0);*/
+/* background: #fee;*/
+/*}*/
-.remove-item:hover {
- color: var(--action-0);
- background: #fee;
-}
-.clear-filters {
- margin-left: auto;
- border: 1px solid var(--base-200);
-}
/******************************************************************
CHECKBOXES & RADIOS
@@ -487,8 +469,9 @@
.quantity button {
background: var(--base);
padding: 0;
- width: 38px;
- height: 38px;
+ width: var(--chip_);
+ height: var(--chip_);
+ min-height: 0;
z-index: 0;
position: relative;
border: 1px solid var(--base-200);
@@ -545,43 +528,6 @@
border-radius: 4px 0 0 4px;
}
-/******************************************************************
-TAXONOMY SELECTOR
-******************************************************************/
-.items-container {
- margin: 0;
- padding: 0;
- width: 100%;
-}
-
-.create-new-term {
- margin-top: 1rem;
- width: 100%;
-}
-
-.create-new-term .field,
-.create-new-term[open] summary {
- margin-bottom: 1rem;
-}
-
-.create-new-term .field {
- max-width: 100%;
-}
-
-#jvb-selector > .wrap {
- --wrap: nowrap;
- --justify: flex-start;
-}
-
-#jvb-selector .items-wrap {
- width: 100%;
-}
-
-#jvb-selector .items-container {
- display: grid;
- grid-template-columns: repeat(auto-fit, minmax(1fr, 100%))
-}
-
/******************************
TABS
******************************/
@@ -692,7 +638,7 @@
/*.field.upload [data-upload-id] {*/
/* touch-action: none;*/
/*}*/
-
+.empty-group,
.file-upload-wrapper {
border: 2px dashed var(--action-0);
border-radius: 4px;
@@ -707,7 +653,7 @@
margin: 0!important;
font-size: var(--txt-large);
}
-
+.empty-group,
.file-upload-wrapper:hover,
.dragover {
background: rgba(var(--action-rgb),var(--op-2));
@@ -723,22 +669,17 @@
opacity: 0;
cursor: pointer;
}
-
+.empty-group p,
.file-upload-text {
color: var(--contrast);
margin: 0;
- font-family: var(--body);
}
-
+.empty-group p strong,
.file-upload-text strong {
color: var(--action-0);
text-decoration: underline;
}
-.field.upload:has(.upload-item) .file-upload-container {
- display: none;
-}
-
.field.upload {
position: relative;
}
@@ -750,7 +691,9 @@
top: 0;
right: 0;
}
-
+.item-grid.groups {
+ grid-template-columns: repeat(1, 1fr);
+}
.item-grid.group {
margin-bottom: 0;
}
@@ -795,6 +738,7 @@
position: absolute;
top: 0;
right: 0;
+ padding-left: var(--chipchip);
}
.item-grid.restore summary,
.item-grid.preview summary,
@@ -886,13 +830,13 @@
.upload-group .selected .field {
margin: 0;
}
-.upload-group .group-actions button {
+.upload-group .selection-actions button {
aspect-ratio: unset;
}
.submit-uploads {
position: fixed;
- bottom: var(--btn_);
+ bottom: 0;
right: var(--btn_);
z-index: var(--z-6);
height: var(--btn);
@@ -908,6 +852,7 @@
color: var(--contrast-200);
}
+
.empty-group {
order: -1;
grid-column: 1 / -1;
@@ -1059,7 +1004,7 @@
/******
Upload grouping
******/
-.group-actions {
+.selection-actions {
display: flex;
gap: .25rem;
}
@@ -1102,6 +1047,7 @@
.group-display .preview-wrap,
.group-display .sidebar {
+ --wrap: nowrap;
height: 50%;
overflow:hidden auto;
position: relative;
@@ -1217,6 +1163,7 @@
.group-display .preview-wrap,
.group-display .sidebar {
--justify: flex-start;
+ --wrap: nowrap;
max-height: calc(100vh - var(--btnbtn));
overflow: hidden auto;
}
@@ -1252,18 +1199,8 @@
}
}
-.restore-uploads {
- position: fixed;
- top: var(--btn_);
- bottom: var(--btn_);
- left: 1rem;
- right: 1rem;
- border-radius: var(--radius-outer);
- padding: 1rem;
- z-index: var(--z-7);
- box-shadow: rgba(var(--base-rgb),var(--op-45)) var(--shdw);
- background-color: var(--base-200);
- overflow: hidden auto;
+.item-grid.restore {
+ grid-template-columns: repeat(1, 1fr);
}
/*************************************************************
@@ -2411,13 +2348,6 @@
flex-shrink: 0;
}
-.autocomplete-dropdown {
- width: 100%;
- background-color: var(--base-100);
- padding: .5rem;
- box-shadow: rgba(var(--base-rgb),var(--op-45)) var(--shdw);
-}
-
.invite details {
margin-bottom: 1.5rem;
}
--
Gitblit v1.10.0