style: refine agent composer focus feedback
This commit is contained in:
@@ -2097,6 +2097,21 @@ details[open] > summary > .disclosure-accordion-indicator {
|
||||
background-image: none;
|
||||
backdrop-filter: none;
|
||||
-webkit-backdrop-filter: none;
|
||||
transition: transform 160ms cubic-bezier(0.22, 1, 0.36, 1), box-shadow 160ms ease;
|
||||
}
|
||||
/* Keep the border neutral and express focus as a small elevation change. */
|
||||
.agent-panel-shell[data-agent-presentation] .agent-panel-input-form:focus-within {
|
||||
border-color: #e4e4e7;
|
||||
box-shadow: 0 4px 10px rgb(15 23 42 / 0.08), 0 18px 36px -14px rgb(15 23 42 / 0.22);
|
||||
transform: translateY(-2px);
|
||||
}
|
||||
@media (prefers-reduced-motion: reduce) {
|
||||
.agent-panel-shell[data-agent-presentation] .agent-panel-input-form {
|
||||
transition: none;
|
||||
}
|
||||
.agent-panel-shell[data-agent-presentation] .agent-panel-input-form:focus-within {
|
||||
transform: none;
|
||||
}
|
||||
}
|
||||
.agent-panel-shell[data-agent-presentation] .agent-panel-input-body {
|
||||
display: block;
|
||||
|
||||
Reference in New Issue
Block a user