UX: Improve styling and make button full width of context menu (#167)

This commit is contained in:
Keegan George 2023-08-28 12:22:32 -07:00 committed by GitHub
parent 657b2d681a
commit 6e01b2c334
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -44,7 +44,7 @@
.ai-helper-context-menu { .ai-helper-context-menu {
background: var(--secondary); background: var(--secondary);
box-shadow: var(--shadow-dropdown); box-shadow: var(--shadow-card);
padding: 0.25rem; padding: 0.25rem;
max-width: 25rem; max-width: 25rem;
border: 1px solid var(--primary-low); border: 1px solid var(--primary-low);
@ -56,10 +56,22 @@
list-style: none; list-style: none;
} }
ul:not(.ai-helper-context-menu__loading) li { .btn {
transition: background-color 0.25s ease; justify-content: left;
text-align: left;
background: none;
width: 100%;
border-radius: 0;
margin: 0;
&:focus,
&:hover { &:hover {
background: var(--primary-low); color: var(--primary);
background: var(--d-hover);
.d-icon {
color: var(--primary-medium);
}
} }
} }