discoman/python-tdd
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
c3f0342a2db9f652cc76d9e4aabf97123f27a9de
python-tdd/src/static_src/scss/_palette-picker.scss

104 lines
2.3 KiB
SCSS
Raw Normal View History

significant expansion of scss styling, incl. new _dashboard.scss sheet & comprehensive primary btn theme synced w. user palette; changes to all other scss files; list.html & base.html retrofitted w. corresponding scss classes
2026-03-06 16:39:05 -05:00
.palette {
themes initialized! many new partials and scss integrations across most templates; core.settings contains COMPRESS test fallback; apps.dashboard.views updated for new alerts and styling
2026-03-02 15:45:12 -05:00
display: flex;
significant expansion of scss styling, incl. new _dashboard.scss sheet & comprehensive primary btn theme synced w. user palette; changes to all other scss files; list.html & base.html retrofitted w. corresponding scss classes
2026-03-06 16:39:05 -05:00
flex-direction: row;
overflow-x: auto;
overflow-y: hidden;
scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch;
gap: 0.75rem;
padding-bottom: 0.5rem;
themes initialized! many new partials and scss integrations across most templates; core.settings contains COMPRESS test fallback; apps.dashboard.views updated for new alerts and styling
2026-03-02 15:45:12 -05:00
}
significant expansion of scss styling, incl. new _dashboard.scss sheet & comprehensive primary btn theme synced w. user palette; changes to all other scss files; list.html & base.html retrofitted w. corresponding scss classes
2026-03-06 16:39:05 -05:00
.palette-item {
themes initialized! many new partials and scss integrations across most templates; core.settings contains COMPRESS test fallback; apps.dashboard.views updated for new alerts and styling
2026-03-02 15:45:12 -05:00
display: flex;
flex-direction: column;
align-items: center;
gap: 0.5rem;
major styling additions & refinements; offloaded navbar from base.html into its own partial, core/_partials/_navbar.html, alongside new _footer.html; 0006 dash migrations fix 0003 & 0005 theme-switcher handling and rename more fluidly to palette; added remaining realm-swatches to palette applet choices & updated test_views accordingly
2026-03-07 15:05:49 -05:00
flex: 0 0 auto;
significant expansion of scss styling, incl. new _dashboard.scss sheet & comprehensive primary btn theme synced w. user palette; changes to all other scss files; list.html & base.html retrofitted w. corresponding scss classes
2026-03-06 16:39:05 -05:00
scroll-snap-align: start;
themes initialized! many new partials and scss integrations across most templates; core.settings contains COMPRESS test fallback; apps.dashboard.views updated for new alerts and styling
2026-03-02 15:45:12 -05:00
}
.swatch {
PALETTE: swatch preview + tooltip + OK commit — TDD Clicking a swatch instantly swaps the body palette class for a live preview; OK commits silently (POST, no reload); click-elsewhere or 10 s auto-dismiss reverts. Tooltip portal shows label, shoptalk, lock state. Locked swatches show × (disabled). 20 FTs green. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-04-18 02:05:27 -04:00
position: relative;
width: 7rem;
height: 7rem;
updated applet seed migration to include default applet sizes; other sundry styling refinements
2026-03-06 19:14:53 -05:00
aspect-ratio: 1;
themes initialized! many new partials and scss integrations across most templates; core.settings contains COMPRESS test fallback; apps.dashboard.views updated for new alerts and styling
2026-03-02 15:45:12 -05:00
border-radius: 0.5rem;
PALETTE: swatch preview + tooltip + OK commit — TDD Clicking a swatch instantly swaps the body palette class for a live preview; OK commits silently (POST, no reload); click-elsewhere or 10 s auto-dismiss reverts. Tooltip portal shows label, shoptalk, lock state. Locked swatches show × (disabled). 20 FTs green. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-04-18 02:05:27 -04:00
cursor: pointer;
themes initialized! many new partials and scss integrations across most templates; core.settings contains COMPRESS test fallback; apps.dashboard.views updated for new alerts and styling
2026-03-02 15:45:12 -05:00
background: linear-gradient(
to bottom,
significant palette overhaul, w. addition of +3 new palettes; new swatch preview appearance; expanded palette toggle functionality; repaired test suite accordingly
2026-03-15 18:52:09 -04:00
rgba(var(--secUser), 1) 0%,
rgba(var(--secUser), 1) 30%,
rgba(var(--priUser), 1) 30%,
rgba(var(--priUser), 1) 70%,
rgba(var(--terUser), 1) 70%,
rgba(var(--terUser), 1) 85%,
rgba(var(--quiUser), 1) 85%,
slight scss tweaks to palette applet
2026-03-06 19:32:36 -05:00
rgba(var(--quiUser), 1) 100%
themes initialized! many new partials and scss integrations across most templates; core.settings contains COMPRESS test fallback; apps.dashboard.views updated for new alerts and styling
2026-03-02 15:45:12 -05:00
);
border: 0.15rem solid rgba(var(--secUser), 0.5);
&.active {
border: 0.2rem solid rgba(var(--ninUser), 1);
box-shadow: 0 0 0.5rem rgba(var(--ninUser), 0.5);
}
&.locked {
opacity: 0.5;
filter: saturate(0.4);
}
PALETTE: swatch preview + tooltip + OK commit — TDD Clicking a swatch instantly swaps the body palette class for a live preview; OK commits silently (POST, no reload); click-elsewhere or 10 s auto-dismiss reverts. Tooltip portal shows label, shoptalk, lock state. Locked swatches show × (disabled). 20 FTs green. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-04-18 02:05:27 -04:00
&.previewing {
border: 0.2rem solid rgba(var(--ninUser), 1);
box-shadow: 0 0 0.75rem rgba(var(--ninUser), 0.6);
&.locked {
opacity: 1;
filter: none;
}
}
// OK / × centred inside swatch — hidden until previewing
.palette-ok {
display: none;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 2;
margin: 0;
padding: 0.2rem 0.5rem;
font-size: 0.75rem;
min-width: 0;
line-height: 1;
}
}
// ── Palette tooltip portal ────────────────────────────────────────────────────
#id_tooltip_portal {
// Override .tt { display: none } — portal content is shown/hidden by JS
.tt-title,
palette tooltip: contextual description per lock state; earned date below Unlocked in green — TDD - _palettes_for_user: shoptalk→description; "available by default" / "explore to unlock" / "recognized via {Title}"; unlocked_date key carries earned_at ISO for Note-unlocked - template: data-shoptalk→data-description; data-unlocked-date now holds ISO datetime (was literal "Default") - dashboard.js: lockText drops "— Default"; dateLine renders "Apr 22, 2026 · 3:05 AM" after Unlocked line - _palette-picker.scss: tt-shoptalk→tt-description in display:block list; tt-date added - _tooltips.scss: .tt-date mirrors .tt-expiry w. --priGn colour Code architected by Disco DeDisco <discodedisco@outlook.com> Git commit message Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-04-26 18:59:10 -04:00
.tt-description,
.tt-date,
PALETTE: swatch preview + tooltip + OK commit — TDD Clicking a swatch instantly swaps the body palette class for a live preview; OK commits silently (POST, no reload); click-elsewhere or 10 s auto-dismiss reverts. Tooltip portal shows label, shoptalk, lock state. Locked swatches show × (disabled). 20 FTs green. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-04-18 02:05:27 -04:00
.tt-lock {
display: block;
}
.tt-title {
color: rgba(var(--terUser), 1);
font-size: 0.95rem;
margin: 0 0 0.3rem;
font-weight: bold;
}
.tt-lock {
margin: 0.25rem 0 0;
font-size: 0.8rem;
opacity: 0.85;
i { margin-right: 0.25rem; }
}
}
Reference in New Issue Copy Permalink