LeadMagnet/leadchat
1
0
Fork 0
Code Issues Pull Requests Actions 3 Packages Projects Releases Wiki Activity

fix: Resolve styling issues in multiselect (#11728)

Browse Source
This commit is contained in:
Sivin Varghese
2025-06-19 21:28:12 +05:30
committed by GitHub
parent 2cfca6008b
commit b683973e79
2 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
app/javascript/dashboard/assets/scss/plugins/_multiselect.scss
View File

@@ -47,7 +47,7 @@
@apply max-w-full; @apply max-w-full;
.multiselect__option { .multiselect__option {
@apply text-sm font-normal; @apply text-sm font-normal flex justify-between items-center;
span { span {
@apply inline-block overflow-hidden text-ellipsis whitespace-nowrap w-fit; @apply inline-block overflow-hidden text-ellipsis whitespace-nowrap w-fit;
@@ -58,7 +58,7 @@
} }
&::after { &::after {
@apply bottom-0 flex items-center justify-center text-center; @apply bottom-0 flex items-center justify-center text-center relative px-1 leading-tight;
} }
&.multiselect__option--highlight { &.multiselect__option--highlight {
@@ -74,7 +74,7 @@
} }
&.multiselect__option--highlight::after { &.multiselect__option--highlight::after {
@apply bg-transparent; @apply bg-transparent text-n-slate-12;
} }
&.multiselect__option--selected { &.multiselect__option--selected {

6
app/javascript/dashboard/modules/contact/components/MergeContact.vue
View File

@@ -130,15 +130,15 @@ export default {
</div> </div>
<div class="flex multiselect-wrap--medium"> <div class="flex multiselect-wrap--medium">
<div <div
class="w-8 relative text-base text-slate-100 dark:text-slate-600 after:content-[''] after:h-12 after:w-0 after:left-4 after:absolute after:border-l after:border-solid after:border-slate-100 after:dark:border-slate-600 before:content-[''] before:h-0 before:w-4 before:left-4 before:top-12 before:absolute before:border-b before:border-solid before:border-slate-100 before:dark:border-slate-600" class="w-8 relative text-base text-slate-100 dark:text-slate-600 after:content-[''] after:h-12 after:w-0 ltr:after:left-4 rtl:after:right-4 after:absolute after:border-l after:border-solid after:border-slate-100 after:dark:border-slate-600 before:content-[''] before:h-0 before:w-4 ltr:before:left-4 rtl:before:right-4 before:top-12 before:absolute before:border-b before:border-solid before:border-slate-100 before:dark:border-slate-600"
> >
<fluent-icon <fluent-icon
icon="arrow-up" icon="arrow-up"
class="absolute -top-1 left-2" class="absolute -top-1 ltr:left-2 rtl:right-2"
size="17" size="17"
/> />
</div> </div>
<div class="flex flex-col w-full"> <div class="flex flex-col w-full ltr:pl-8 rtl:pr-8">
<label class="multiselect__label"> <label class="multiselect__label">
{{ $t('MERGE_CONTACTS.PRIMARY.TITLE') }} {{ $t('MERGE_CONTACTS.PRIMARY.TITLE') }}
<woot-label <woot-label