salvacybersec/CodeNomad
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(ui): highlight delete targets on hover

Browse Source
This commit is contained in:
Shantur Rathore
2026-02-25 23:08:53 +00:00
parent 57b81f00f8
commit 1122070b9c
4 changed files with 119 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
packages/ui/src/styles/messaging/delete-overlays.css Normal file
View File

@@ -0,0 +1,37 @@
/* Hover overlays for destructive actions (delete part / delete message). */
.message-stream-block[data-delete-message-hover="true"] {
position: relative;
}
.message-stream-block[data-delete-message-hover="true"]::before {
content: "";
position: absolute;
inset: -2px;
background: var(--status-error-bg);
box-shadow: inset 0 0 0 1px var(--status-error-fg);
border-radius: 10px;
pointer-events: none;
/* Overlay must sit above the message cards (they have opaque backgrounds). */
z-index: 10;
}
.message-part-shell {
display: block;
}
.delete-hover-scope[data-delete-part-hover="true"] {
position: relative;
}
.delete-hover-scope[data-delete-part-hover="true"]::before {
content: "";
position: absolute;
inset: -2px;
background: var(--status-error-bg);
box-shadow: inset 0 0 0 1px var(--status-error-fg);
border-radius: 10px;
pointer-events: none;
/* Overlay must sit above the part card background. */
z-index: 10;
}