KumiSystems/Chatwoot
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

chore: Design improvements for thumbnail and dropdown (#5822)

Browse source
This commit is contained in:
Nithin David Thomas 2022-11-09 16:52:30 -08:00 • committed by GitHub
parent 47c90e2085
commit 4f82859bba
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 34 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

12
app/javascript/shared/components/ui/MultiselectDropdownItems.vue
View file

@ -19,7 +19,7 @@
>
<woot-button
class="multiselect-dropdown--item"
variant="clear"
:variant="isActive(option) ? 'hollow' : 'clear'"
color-scheme="secondary"
:class="{
active: option.id === (selectedItem && selectedItem.id),
@ -33,6 +33,7 @@
size="24px"
:username="option.name"
:status="option.availability_status"
has-border
/>
<div class="name-wrap">
<span
@ -171,14 +172,19 @@ export default {
width: 100%;
&.active {
background-color: var(--w-25);
color: var(--w-800);
background: var(--s-25);
border-color: var(--s-50);
font-weight: var(--font-weight-medium);
}
&:focus {
background-color: var(--color-background-light);
}
&:hover {
color: var(--s-800);
background-color: var(--color-background);
}
}
.user-wrap {