naps62/maestro
Archived
1
0
Fork 0
Code Issues 9 Pull Requests Actions Packages Projects Releases Wiki Activity

fix: extend transcript hover surfaces

Browse Source
This commit is contained in:
Miguel Palhas
2026-09-06 15:26:31 +01:00
parent 22d740a36b
commit b5c9970e28
4 changed files with 36 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/src/styles.css
+28 -16
View File
@@ -2203,10 +2203,8 @@ input.leaf-rename:focus {
}
.structured-rows {
padding: var(--sp-3);
display: flex;
flex-direction: column;
gap: var(--sp-3);
min-width: 0;
}
@@ -2214,6 +2212,7 @@ input.leaf-rename:focus {
.st-row {
display: flex;
gap: var(--sp-3);
padding: var(--sp-3);
min-width: 0;
}
@@ -2222,20 +2221,22 @@ input.leaf-rename:focus {
min-width: 0;
}
/* user turn: the only tinted block besides the approval — an accent rail,
never a full border, so it still reads lighter than the approval card. */
/* User turns read as compact chat bubbles while the padded row remains the
full hover/copy target. */
.st-row-user {
border-left: 2px solid var(--accent);
background: var(--surface-2);
padding: var(--sp-3);
justify-content: flex-end;
}
.st-who {
font-size: var(--fs-11);
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(--faint);
margin-bottom: var(--sp-1);
.st-row-user .st-body {
flex: 0 1 auto;
max-width: min(86%, 72ch);
padding: var(--sp-2) var(--sp-3);
border-radius: var(--r-2);
background: var(--surface-3);
}
.st-row-user:hover {
background: var(--surface-2);
}
.st-user-text {
@@ -2322,6 +2323,7 @@ input.leaf-rename:focus {
/* tool rows: bordered, compact, deliberately not lifted */
.st-tool {
flex: 1 1 auto;
border: 1px solid var(--border);
border-radius: var(--r-2);
min-width: 0;
@@ -2346,6 +2348,11 @@ input.leaf-rename:focus {
background: var(--surface-2);
}
.st-row-tool:hover,
.st-row-approval:hover {
background: var(--surface-2);
}
.st-tool-glyph {
width: 16px;
flex: 0 0 auto;
@@ -2436,6 +2443,12 @@ input.leaf-rename:focus {
border: 1px solid var(--border);
border-radius: var(--r-2);
background: color-mix(in oklab, var(--surface-2) 55%, transparent);
padding: var(--sp-2) var(--sp-3);
transition: background var(--dur-fast) var(--ease-out);
}
.st-tool-group:hover {
background: var(--surface-2);
}
.st-tool-group-head {
@@ -2449,7 +2462,7 @@ input.leaf-rename:focus {
display: flex;
align-items: center;
gap: var(--sp-2);
padding: var(--sp-2) var(--sp-3);
padding: 0;
min-width: 0;
}
@@ -2481,10 +2494,9 @@ input.leaf-rename:focus {
}
.st-tool-group-body {
padding: 0 var(--sp-2) var(--sp-2);
padding-top: var(--sp-2);
display: flex;
flex-direction: column;
gap: var(--sp-2);
}
.st-tool-group-body[hidden] {