discoman/python-tdd
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

seat tray: tray.js, SCSS, FTs, Jasmine specs

Browse Source 
- new apps.epic.static tray.js: IIFE with drag-open/click-close/wobble
  behaviour; document-level pointermove+mouseup listeners; reset() for
  Jasmine afterEach; try/catch around setPointerCapture for synthetic events
- _room.scss: #id_tray_wrap fixed-right flex container; #id_tray_handle +
  #id_tray_grip (box-shadow frame, transparent inner window, border-radius
  clip); #id_tray_btn grab cursor; #id_tray bevel box-shadows, margin-left
  gap, height removed (align-items:stretch handles it); tray-wobble keyframes
- _applets.scss + _game-kit.scss: z-index raised (312-318) for primacy over
  tray (310)
- room.html: #id_tray_wrap + children markup; tray.js script tag
- FTs test_room_tray: 5 tests (T1-T5); _simulate_drag via execute_script
  pointer events (replaces unreliable ActionChains drag); wobble asserts on
  #id_tray_wrap not btn
- static_src/tests/TraySpec.js + SpecRunner.html: Jasmine unit tests for
  all tray.js branches

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Disco DeDisco
2026-03-28 18:52:46 -04:00
parent 30ea0fad9d
commit b35c9b483e
22 changed files with 16193 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
src/static_src/scss/_game-kit.scss
View File

@@ -9,7 +9,7 @@
top: auto;
}
z-index: 305;
z-index: 318;
font-size: 1.75rem;
cursor: pointer;
color: rgba(var(--secUser), 1);
@@ -42,14 +42,14 @@
border: none;
border-top: 0.1rem solid rgba(var(--terUser), 0.3);
background: rgba(var(--priUser), 0.97);
z-index: 204;
z-index: 316;
overflow: hidden;
@media (orientation: landscape) and (max-width: 1440px) {
$sidebar-w: 4rem;
// left: $sidebar-w;
right: $sidebar-w;
z-index: 301;
z-index: 316;
}
// Closed state
max-height: 0;
@@ -112,6 +112,7 @@
font-size: 1.5rem;
cursor: pointer;
padding: 0 0.125rem;
color: rgba(var(--terUser), 1);
}
.kit-bag-placeholder {
@@ -281,11 +282,11 @@
flex-direction: column;
gap: 0.5rem;
.fan-card-number { font-size: 0.65rem; opacity: 0.5; }
.fan-card-name-group { font-size: 0.65rem; opacity: 0.5; margin: 0; text-transform: uppercase; letter-spacing: 0.08em; }
.fan-card-name { font-size: 0.95rem; font-weight: bold; margin: 0; }
.fan-card-arcana { font-size: 0.65rem; text-transform: uppercase; letter-spacing: 0.1em; opacity: 0.6; }
.fan-card-correspondence { font-size: 0.6rem; opacity: 0.45; font-style: italic; }
.fan-card-number { font-size: 0.65rem; }
.fan-card-name-group { font-size: 0.65rem; margin: 0; text-transform: uppercase; letter-spacing: 0.08em; color: rgba(var(--secUser), 1); }
.fan-card-name { font-size: 0.95rem; font-weight: bold; margin: 0; color: rgba(var(--terUser), 1); }
.fan-card-arcana { font-size: 0.65rem; text-transform: uppercase; letter-spacing: 0.1em; color: rgba(var(--secUser), 1); }
.fan-card-correspondence { font-size: 0.6rem; font-style: italic; color: rgba(var(--secUser), 0.5); }
}
.fan-nav {