=latest

Jake Vanderwerf

2026-01-09 c2c0f39ec5e41ed436025c32a9a00444e4bebb33

 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;
}