From 5bb767645c45b6f6de5e6831d259e9dd7229d48c Mon Sep 17 00:00:00 2001
From: Jake Vanderwerf <get@jakevanderwerf.ca>
Date: Fri, 06 Feb 2026 20:46:39 +0000
Subject: [PATCH] =updates
---
forms.css | 186 +++++++++++++++++-----------------------------
1 files changed, 70 insertions(+), 116 deletions(-)
diff --git a/forms.css b/forms.css
index ec3bdcc..f8468da 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;
}
@@ -2426,21 +2356,17 @@
Tag Field
*/
/* Tag List Field */
-.field.tag-list .tag-input-row {
- display: flex;
- gap: 0.5rem;
- align-items: flex-start;
+.field.tag-list .row {
margin-bottom: 1rem;
- flex-wrap: wrap;
}
-.field.tag-list .tag-input-row .field {
+.field.tag-list .row .field {
flex: 1;
min-width: 150px;
margin: 0;
}
-.field.tag-list .tag-input-row .add-tag-item {
+.field.tag-list .tag .add-tag-item {
flex-shrink: 0;
white-space: nowrap;
margin-top: calc(var(--txt-medium) + 1rem);
@@ -2489,12 +2415,40 @@
}
@media (max-width: 768px) {
- .field.tag-list .tag-input-row {
+ .field.tag-list .tag {
flex-direction: column;
align-items: stretch;
}
- .field.tag-list .tag-input-row .field {
+ .field.tag-list .tag .field {
min-width: 100%;
}
+}
+
+.pendingChanges {
+ position: fixed;
+ bottom: var(--btn);
+ right: var(--btn_);
+ margin-right: 1rem;
+ padding: 1rem;
+ border-radius: var(--radius);
+ background-color: rgba(var(--base-rgb),var(--op-6));
+ z-index: var(--z-6);
+ width: 50vw;
+ animation: fadeInSlideUp 0.5s ease-out forwards;
+}
+ .pendingChanges button {
+ min-height: 0;
+ width: calc(50% - .7rem);
+ padding: .35rem;
+ }
+@keyframes fadeInSlideUp {
+ from {
+ opacity: 0;
+ transform: translateY(20px); /* Start 20px below its final position */
+ }
+ to {
+ opacity: 1;
+ transform: translateY(0); /* End at its normal position */
+ }
}
\ No newline at end of file
--
Gitblit v1.10.0