=Style updates

Jake Vanderwerf

2026-01-22 33d7ccc256e5a524ebca2212e6b9a013747b2aca

 all.css

@@ -7,7 +7,7 @@
Requires at least: 6.4
Tested up to: 6.4
Requires PHP: 7.0
Version: 1.5.9
Version: 1.5.92
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: jv
@@ -902,6 +902,7 @@
.pb-7 { padding-bottom: var(--sp7); }

/** MARGIN **/
.m-0 {margin: 0;}
.m-1 {margin: var(--sp1);}
.m-2 {margin: var(--sp2);}
.m-3 {margin: var(--sp3);}
@@ -1183,6 +1184,34 @@
    filter: none;
    position: relative;
}
    .item-grid.list-view {
        gap: 0;
    }
    .item-grid.list-view .item {
        aspect-ratio: unset;
        align-items: flex-start;
        border-radius: 4px;
        padding: 1rem 0;
    }
    .list-view .item:nth-of-type(even) {
        background-color: var(--base);
    }
    .list-view .item-select {
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 18vh;
    }
        .list-view .item .col {
            padding: 0 var(--chip_) 0 1rem;
        }
        .list-view .abs {
            right:0;
            top:0;
            width:max-content;
            --dir:column-reverse;
            justify-content: flex-end;
        }
    .item.col {
        --wrap: nowrap;
    }
@@ -1231,8 +1260,7 @@
.item-grid.list-view {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    --gap: 2rem;
    gap: 0;
}

.item-grid.list-view .item .col {
@@ -1407,7 +1435,9 @@
details .icon {
    --w: 1.5em;
}

details .filters .icon {
    --w: 1em;
}
button.voted .icon,
button.favourite.favourited {
    animation: favourite-pop .4s cubic-bezier(.25, .46, .45, .94);
@@ -1645,14 +1675,37 @@
    touch-action: pan-x;
    text-transform: lowercase;
}
    .term-list small {
        vertical-align: baseline;
        margin-left: .5rem;
        font-style: italic;
    }
    .term-list li {
        display: flex;
        align-items: center;
    }
    .term-list a {
        align-items: center;
    }


.directory-list > ul
{
    max-width: 100%;
}
.directory-list img {
    width: 70px;
}
    .directory-list .image {
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
    }
    .directory-list h3 {
        margin: 0;
        text-align: center;
        font-weight: var(--fw-h-bold);
        font-family: var(--heading);
        position: sticky;
        font-size: var(--txt-enormous);
        width: 100%;
@@ -2242,6 +2295,7 @@
    --w: 3em;
    justify-content: center;
    align-items: center;
    inset: 0;
}

dialog.loading[open]@starting-style {
@@ -2695,12 +2749,26 @@
    animation: pulse 2s infinite;
}

.refreshNow.fetching .icon,
aside#queue.pending:not(.expanded) + .qtoggle .icon {
    background-color: var(--error);
    background-color: var(--action-0);
    animation: spin 1s var(--trans-fn) infinite;
}

/* Status count badge */

/*.refresh .countdown {*/
/*    --justify:center;*/
/*    --align: center;*/
/*    --offset: 0;*/
/*    left: .25rem;*/
/*    margin: 0 3px;*/
/*    border-radius: 50%;*/
/*    background-color: var(--base);*/
/*    width: 1em;*/
/*    height: 1em;*/
/*}*/
.refresh .countdown,
.qtoggle .count {
    --align: center;
    --justify: center;
@@ -2948,15 +3016,6 @@
    font-size: var(--txt-x-small);
}

.refresh .countdown {
    --justify:center;
    --align: center;
    --offset: 0;
    right: var(--offset);
    margin: 0 3px;
    border-radius: 50%;
    border: 1px solid var(--base-200);
}

.refreshNow {
    width: var(--btn);
@@ -2972,11 +3031,6 @@
    --w: 18px;
}

/* Refreshing animation */
#queue.pending.expanded .refreshNow .icon {
    animation: spin 1.5s var(--trans-fn) infinite;
}

/**************************************************
DELAY
**************************************************/
@@ -3217,16 +3271,23 @@
    border-radius: 4px;
    padding: 0 .5rem;
    position: fixed;
    bottom: 0;
    right: calc(var(--btn_) + 1rem);
    top: var(--btnbtn);
    right: 1rem;
    --w: 1em;
    box-shadow:var(--shdw);
    display:flex;
    flex-wrap: nowrap;
    gap: 1rem;
}
body:has(.fixed.bottom) .fstatus {
    bottom: var(--btn_);
@media (min-width: 768px) {
    .fstatus {
        right:calc(var(--btn_) + 1rem);
        bottom: 0;
        top: unset;
    }
    body:has(.fixed.bottom) .fstatus {
        bottom: var(--btn_);
    }
}

.fstatus .spinner {
@@ -3305,13 +3366,17 @@
    padding: 2rem;
}

.timeline.terms ul,
.timeline.terms {
    list-style: none;
    display: flex;
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}
    .timeline.terms ul {
        gap: 1rem;
    }

.timeline.terms > li {
    width: 100%;
@@ -3799,7 +3864,7 @@

.toggle-text label::before,
.toggle-text label::after {
    display: none;
    display: none!important;
}

.toggle-text label {
@@ -3808,7 +3873,8 @@

.toggle-text input + label .text {
    position: relative;
    margin: 0 .5rem;
    margin: 0;
    --gap: 0;
    font-weight: bold;
    width: fit-content;
    padding: 2px 4px;
@@ -3913,6 +3979,14 @@
    padding-left: 0!important;
}

/*.auto-wrapper {*/
/*    position: absolute;*/
/*    bottom: -105%;*/
/*    background-color: rgba(var(--base-rgb), var(--op-5));*/
/*    backdrop-filter: blur(2px);*/
/*    border-radius: var(--radius);*/
/*    z-index: 1;*/
/*}*/
.autocomplete-dropdown {
    width: 100%;
    background-color: var(--base-100);