feat(dashboard): click-to-highlight rows + character column auto-sizes
Two small UX improvements to the Player Dashboard table (works in both the new-tab fullscreen page and the deprecated in-app window since they share PlayerDashboardContent): 1. Row highlight: click anywhere on a row to highlight it (blue tint + thin outline). Click again to unhighlight. Single selection — useful for tracking one character down a long sorted list. 2. Character column no longer truncates: removed maxWidth/overflow/ textOverflow on the name cell. Column now sizes to the longest character name (still no wrapping; container scrolls horizontally if names are extreme). Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
parent
5bda2b64f4
commit
5f43ddce93
15 changed files with 62 additions and 48 deletions
1
static/assets/CombatPickerWindow-EVVSrp8z.js
Normal file
1
static/assets/CombatPickerWindow-EVVSrp8z.js
Normal file
|
|
@ -0,0 +1 @@
|
|||
import{u as c,j as r,D as d}from"./index-DbyZVOR_.js";import"./react-yfL0ty4i.js";const p=({id:n,zIndex:i,characters:a})=>{const{openWindow:s}=c(),e=Array.from(a.keys()).sort();return r.jsx(d,{id:n,title:"Combat Stats — Select Character",zIndex:i,width:300,height:400,children:r.jsx("div",{style:{flex:1,overflowY:"auto",padding:6},children:e.length===0?r.jsx("div",{style:{padding:12,color:"#666",textAlign:"center",fontSize:"0.8rem"},children:"No characters online"}):e.map(o=>r.jsx("div",{style:{padding:"5px 8px",cursor:"pointer",borderBottom:"1px solid #222",color:"#ccc",fontSize:"0.82rem"},onMouseEnter:t=>t.currentTarget.style.background="#2a2a2a",onMouseLeave:t=>t.currentTarget.style.background="",onClick:()=>s(`combat-${o}`,`Combat: ${o}`,o),children:o},o))})})};export{p as CombatPickerWindow};
|
||||
Loading…
Add table
Add a link
Reference in a new issue