Add tick demo

pull/5161/head
Cagatay Civici 2024-01-24 14:29:42 +03:00
parent c7c77625bc
commit dedfe22a81
79 changed files with 466 additions and 0 deletions

75
doc/dropdown/TickDoc.vue Normal file
View File

@ -0,0 +1,75 @@
<template>
<DocSectionText v-bind="$attrs">
<p>An alternative way to highlight the selected option is displaying a tick instead.</p>
</DocSectionText>
<div class="card flex justify-content-center">
<Dropdown v-model="selectedCity" :options="cities" optionLabel="name" placeholder="Select a City" showTick :highlightOnSelect="false" class="w-full md:w-14rem" />
</div>
<DocSectionCode :code="code" />
</template>
<script>
export default {
data() {
return {
selectedCity: null,
cities: [
{ name: 'New York', code: 'NY' },
{ name: 'Rome', code: 'RM' },
{ name: 'London', code: 'LDN' },
{ name: 'Istanbul', code: 'IST' },
{ name: 'Paris', code: 'PRS' }
],
code: {
basic: `
<Dropdown v-model="selectedCity" :options="cities" optionLabel="name" placeholder="Select a City" showTick :highlightOnSelect="false" class="w-full md:w-14rem" />
`,
options: `
<template>
<div class="card flex justify-content-center">
<Dropdown v-model="selectedCity" :options="cities" optionLabel="name" placeholder="Select a City" showTick :highlightOnSelect="false" class="w-full md:w-14rem" />
</div>
</template>
<script>
export default {
data() {
return {
selectedCity: null,
cities: [
{ name: 'New York', code: 'NY' },
{ name: 'Rome', code: 'RM' },
{ name: 'London', code: 'LDN' },
{ name: 'Istanbul', code: 'IST' },
{ name: 'Paris', code: 'PRS' }
]
};
}
};
<\/script>
`,
composition: `
<template>
<div class="card flex justify-content-center">
<Dropdown v-model="selectedCity" :options="cities" optionLabel="name" placeholder="Select a City" showTick :highlightOnSelect="false" class="w-full md:w-14rem" />
</div>
</template>
<script setup>
import { ref } from "vue";
const selectedCity = ref();
const cities = ref([
{ name: 'New York', code: 'NY' },
{ name: 'Rome', code: 'RM' },
{ name: 'London', code: 'LDN' },
{ name: 'Istanbul', code: 'IST' },
{ name: 'Paris', code: 'PRS' }
]);
<\/script>
`
}
};
}
};
</script>

View File

@ -24,6 +24,7 @@ import InvalidDoc from '@/doc/dropdown/InvalidDoc.vue';
import LazyVirtualScrollDoc from '@/doc/dropdown/LazyVirtualScrollDoc.vue';
import LoadingStateDoc from '@/doc/dropdown/LoadingStateDoc.vue';
import TemplateDoc from '@/doc/dropdown/TemplateDoc.vue';
import TickDoc from '@/doc/dropdown/TickDoc.vue';
import VirtualScrollDoc from '@/doc/dropdown/VirtualScrollDoc.vue';
import PTComponent from '@/doc/dropdown/pt/index.vue';
import ThemingDoc from '@/doc/dropdown/theming/index.vue';
@ -42,6 +43,11 @@ export default {
label: 'Basic',
component: BasicDoc
},
{
id: 'tick',
label: 'Tick',
component: TickDoc
},
{
id: 'editable',
label: 'Editable',

View File

@ -1009,6 +1009,11 @@
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
position: relative;
margin-left: -0.5rem;
margin-right: 0.5rem;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
margin: 0;
padding: 0.75rem 1rem;

View File

@ -1009,6 +1009,11 @@
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
position: relative;
margin-left: -0.5rem;
margin-right: 0.5rem;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
margin: 0;
padding: 0.75rem 1rem;

View File

@ -1009,6 +1009,11 @@
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
position: relative;
margin-left: -0.5rem;
margin-right: 0.5rem;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
margin: 0;
padding: 0.75rem 1rem;

View File

@ -1009,6 +1009,11 @@
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
position: relative;
margin-left: -0.5rem;
margin-right: 0.5rem;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
margin: 0;
padding: 0.75rem 1rem;

View File

@ -1028,6 +1028,11 @@
color: #ffffff;
background: rgba(255, 255, 255, 0.03);
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
position: relative;
margin-left: -0.5rem;
margin-right: 0.5rem;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
margin: 0;
padding: 0.5rem 0.75rem;

View File

@ -1028,6 +1028,11 @@
color: #ffffff;
background: rgba(255, 255, 255, 0.03);
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
position: relative;
margin-left: -0.5rem;
margin-right: 0.5rem;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
margin: 0;
padding: 0.5rem 0.75rem;

View File

@ -1028,6 +1028,11 @@
color: #ffffff;
background: rgba(255, 255, 255, 0.03);
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
position: relative;
margin-left: -0.5rem;
margin-right: 0.5rem;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
margin: 0;
padding: 0.5rem 0.75rem;

View File

@ -1028,6 +1028,11 @@
color: #ffffff;
background: rgba(255, 255, 255, 0.03);
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
position: relative;
margin-left: -0.5rem;
margin-right: 0.5rem;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
margin: 0;
padding: 0.5rem 0.75rem;

View File

@ -1028,6 +1028,11 @@
color: #ffffff;
background: rgba(255, 255, 255, 0.03);
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
position: relative;
margin-left: -0.5rem;
margin-right: 0.5rem;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
margin: 0;
padding: 0.5rem 0.75rem;

View File

@ -1028,6 +1028,11 @@
color: #ffffff;
background: rgba(255, 255, 255, 0.03);
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
position: relative;
margin-left: -0.5rem;
margin-right: 0.5rem;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
margin: 0;
padding: 0.5rem 0.75rem;

View File

@ -1028,6 +1028,11 @@
color: #ffffff;
background: rgba(255, 255, 255, 0.03);
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
position: relative;
margin-left: -0.5rem;
margin-right: 0.5rem;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
margin: 0;
padding: 0.5rem 0.75rem;

View File

@ -1028,6 +1028,11 @@
color: #ffffff;
background: rgba(255, 255, 255, 0.03);
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
position: relative;
margin-left: -0.5rem;
margin-right: 0.5rem;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
margin: 0;
padding: 0.5rem 0.75rem;

View File

@ -1028,6 +1028,11 @@
color: #ffffff;
background: rgba(255, 255, 255, 0.03);
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
position: relative;
margin-left: -0.5rem;
margin-right: 0.5rem;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
margin: 0;
padding: 0.5rem 0.75rem;

View File

@ -1028,6 +1028,11 @@
color: #ffffff;
background: rgba(255, 255, 255, 0.03);
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
position: relative;
margin-left: -0.5rem;
margin-right: 0.5rem;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
margin: 0;
padding: 0.5rem 0.75rem;

View File

@ -1030,6 +1030,11 @@
color: #1e293b;
background: #f1f5f9;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
position: relative;
margin-left: -0.5rem;
margin-right: 0.5rem;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
margin: 0;
padding: 0.5rem 0.75rem;

View File

@ -1030,6 +1030,11 @@
color: #1e293b;
background: #f1f5f9;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
position: relative;
margin-left: -0.5rem;
margin-right: 0.5rem;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
margin: 0;
padding: 0.5rem 0.75rem;

View File

@ -1030,6 +1030,11 @@
color: #1e293b;
background: #f1f5f9;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
position: relative;
margin-left: -0.5rem;
margin-right: 0.5rem;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
margin: 0;
padding: 0.5rem 0.75rem;

View File

@ -1030,6 +1030,11 @@
color: #1e293b;
background: #f1f5f9;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
position: relative;
margin-left: -0.5rem;
margin-right: 0.5rem;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
margin: 0;
padding: 0.5rem 0.75rem;

View File

@ -1030,6 +1030,11 @@
color: #1e293b;
background: #f1f5f9;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
position: relative;
margin-left: -0.5rem;
margin-right: 0.5rem;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
margin: 0;
padding: 0.5rem 0.75rem;

View File

@ -1030,6 +1030,11 @@
color: #1e293b;
background: #f1f5f9;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
position: relative;
margin-left: -0.5rem;
margin-right: 0.5rem;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
margin: 0;
padding: 0.5rem 0.75rem;

View File

@ -1034,6 +1034,11 @@
color: #1e293b;
background: #f1f5f9;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
position: relative;
margin-left: -0.5rem;
margin-right: 0.5rem;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
margin: 0;
padding: 0.5rem 0.75rem;

View File

@ -1030,6 +1030,11 @@
color: #1e293b;
background: #f1f5f9;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
position: relative;
margin-left: -0.5rem;
margin-right: 0.5rem;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
margin: 0;
padding: 0.5rem 0.75rem;

View File

@ -1030,6 +1030,11 @@
color: #1e293b;
background: #f1f5f9;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
position: relative;
margin-left: -0.5rem;
margin-right: 0.5rem;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
margin: 0;
padding: 0.5rem 0.75rem;

View File

@ -1030,6 +1030,11 @@
color: #1e293b;
background: #f1f5f9;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
position: relative;
margin-left: -0.5rem;
margin-right: 0.5rem;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
margin: 0;
padding: 0.5rem 0.75rem;

View File

@ -1013,6 +1013,11 @@
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.04);
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
position: relative;
margin-left: -0.5rem;
margin-right: 0.5rem;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
margin: 0;
padding: 0.75rem 1rem;

View File

@ -1013,6 +1013,11 @@
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.04);
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
position: relative;
margin-left: -0.5rem;
margin-right: 0.5rem;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
margin: 0;
padding: 0.75rem 1rem;

View File

@ -1013,6 +1013,11 @@
color: #212529;
background: #e9ecef;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
position: relative;
margin-left: -0.5rem;
margin-right: 0.5rem;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
margin: 0;
padding: 0.75rem 1rem;

View File

@ -1013,6 +1013,11 @@
color: #212529;
background: #e9ecef;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
position: relative;
margin-left: -0.5rem;
margin-right: 0.5rem;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
margin: 0;
padding: 0.75rem 1rem;

View File

@ -1009,6 +1009,11 @@
color: #323130;
background: #f3f2f1;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
position: relative;
margin-left: -0.5rem;
margin-right: 0.5rem;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
margin: 0;
padding: 0.75rem 0.5rem;

View File

@ -1028,6 +1028,11 @@
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
position: relative;
margin-left: -0.5rem;
margin-right: 0.5rem;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
margin: 0;
padding: 0.75rem 1.25rem;

View File

@ -1028,6 +1028,11 @@
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
position: relative;
margin-left: -0.5rem;
margin-right: 0.5rem;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
margin: 0;
padding: 0.75rem 1.25rem;

View File

@ -1028,6 +1028,11 @@
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
position: relative;
margin-left: -0.5rem;
margin-right: 0.5rem;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
margin: 0;
padding: 0.75rem 1.25rem;

View File

@ -1028,6 +1028,11 @@
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
position: relative;
margin-left: -0.5rem;
margin-right: 0.5rem;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
margin: 0;
padding: 0.75rem 1.25rem;

View File

@ -1028,6 +1028,11 @@
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
position: relative;
margin-left: -0.5rem;
margin-right: 0.5rem;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
margin: 0;
padding: 0.75rem 1.25rem;

View File

@ -1028,6 +1028,11 @@
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
position: relative;
margin-left: -0.5rem;
margin-right: 0.5rem;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
margin: 0;
padding: 0.75rem 1.25rem;

View File

@ -1028,6 +1028,11 @@
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
position: relative;
margin-left: -0.5rem;
margin-right: 0.5rem;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
margin: 0;
padding: 0.75rem 1.25rem;

View File

@ -1028,6 +1028,11 @@
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
position: relative;
margin-left: -0.5rem;
margin-right: 0.5rem;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
margin: 0;
padding: 0.75rem 1.25rem;

View File

@ -1028,6 +1028,11 @@
color: #4b5563;
background: #f3f4f6;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
position: relative;
margin-left: -0.5rem;
margin-right: 0.5rem;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
margin: 0;
padding: 0.75rem 1.25rem;

View File

@ -1028,6 +1028,11 @@
color: #4b5563;
background: #f3f4f6;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
position: relative;
margin-left: -0.5rem;
margin-right: 0.5rem;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
margin: 0;
padding: 0.75rem 1.25rem;

View File

@ -1028,6 +1028,11 @@
color: #4b5563;
background: #f3f4f6;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
position: relative;
margin-left: -0.5rem;
margin-right: 0.5rem;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
margin: 0;
padding: 0.75rem 1.25rem;

View File

@ -1028,6 +1028,11 @@
color: #4b5563;
background: #f3f4f6;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
position: relative;
margin-left: -0.5rem;
margin-right: 0.5rem;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
margin: 0;
padding: 0.75rem 1.25rem;

View File

@ -1028,6 +1028,11 @@
color: #4b5563;
background: #f3f4f6;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
position: relative;
margin-left: -0.5rem;
margin-right: 0.5rem;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
margin: 0;
padding: 0.75rem 1.25rem;

View File

@ -1028,6 +1028,11 @@
color: #4b5563;
background: #f3f4f6;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
position: relative;
margin-left: -0.5rem;
margin-right: 0.5rem;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
margin: 0;
padding: 0.75rem 1.25rem;

View File

@ -1028,6 +1028,11 @@
color: #4b5563;
background: #f3f4f6;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
position: relative;
margin-left: -0.5rem;
margin-right: 0.5rem;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
margin: 0;
padding: 0.75rem 1.25rem;

View File

@ -1028,6 +1028,11 @@
color: #4b5563;
background: #f3f4f6;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
position: relative;
margin-left: -0.5rem;
margin-right: 0.5rem;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
margin: 0;
padding: 0.75rem 1.25rem;

View File

@ -1013,6 +1013,11 @@
color: #dedede;
background: #4c4c4c;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
position: relative;
margin-left: -0.5rem;
margin-right: 0.5rem;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
margin: 0;
padding: 0.857rem;

View File

@ -1013,6 +1013,11 @@
color: #dedede;
background: #4c4c4c;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
position: relative;
margin-left: -0.5rem;
margin-right: 0.5rem;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
margin: 0;
padding: 0.857rem;

View File

@ -1013,6 +1013,11 @@
color: #dedede;
background: #4c4c4c;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
position: relative;
margin-left: -0.5rem;
margin-right: 0.5rem;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
margin: 0;
padding: 0.857rem;

View File

@ -1013,6 +1013,11 @@
color: #dedede;
background: #4c4c4c;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
position: relative;
margin-left: -0.5rem;
margin-right: 0.5rem;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
margin: 0;
padding: 0.857rem;

View File

@ -1033,6 +1033,11 @@
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.04);
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
position: relative;
margin-left: -0.5rem;
margin-right: 0.5rem;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
margin: 0;
padding: 1rem;

View File

@ -1033,6 +1033,11 @@
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.04);
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
position: relative;
margin-left: -0.5rem;
margin-right: 0.5rem;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
margin: 0;
padding: 1rem;

View File

@ -1033,6 +1033,11 @@
color: rgba(0, 0, 0, 0.87);
background: rgba(0, 0, 0, 0.04);
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
position: relative;
margin-left: -0.5rem;
margin-right: 0.5rem;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
margin: 0;
padding: 1rem;

View File

@ -1033,6 +1033,11 @@
color: rgba(0, 0, 0, 0.87);
background: rgba(0, 0, 0, 0.04);
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
position: relative;
margin-left: -0.5rem;
margin-right: 0.5rem;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
margin: 0;
padding: 1rem;

View File

@ -1033,6 +1033,11 @@
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.04);
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
position: relative;
margin-left: -0.5rem;
margin-right: 0.5rem;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
margin: 0;
padding: 0.75rem;

View File

@ -1033,6 +1033,11 @@
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.04);
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
position: relative;
margin-left: -0.5rem;
margin-right: 0.5rem;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
margin: 0;
padding: 0.75rem;

View File

@ -1033,6 +1033,11 @@
color: rgba(0, 0, 0, 0.87);
background: rgba(0, 0, 0, 0.04);
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
position: relative;
margin-left: -0.5rem;
margin-right: 0.5rem;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
margin: 0;
padding: 0.75rem;

View File

@ -1033,6 +1033,11 @@
color: rgba(0, 0, 0, 0.87);
background: rgba(0, 0, 0, 0.04);
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
position: relative;
margin-left: -0.5rem;
margin-right: 0.5rem;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
margin: 0;
padding: 0.75rem;

View File

@ -1037,6 +1037,11 @@
color: #4C566A;
background: transparent;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
position: relative;
margin-left: -0.5rem;
margin-right: 0.5rem;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
margin: 0;
padding: 0.75rem 1rem;

View File

@ -1009,6 +1009,11 @@
color: #343a3f;
background: #dde1e6;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
position: relative;
margin-left: -0.5rem;
margin-right: 0.5rem;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
margin: 0;
padding: 0.25rem 0.5rem;

View File

@ -1009,6 +1009,11 @@
color: #333333;
background: #eaeaea;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
position: relative;
margin-left: -0.5rem;
margin-right: 0.5rem;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
margin: 0;
padding: 0.857rem;

View File

@ -1013,6 +1013,11 @@
color: #333333;
background: #eaeaea;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
position: relative;
margin-left: -0.5rem;
margin-right: 0.5rem;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
margin: 0;
padding: 0.857rem;

View File

@ -1013,6 +1013,11 @@
color: #333333;
background: #eaeaea;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
position: relative;
margin-left: -0.5rem;
margin-right: 0.5rem;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
margin: 0;
padding: 0.857rem;

View File

@ -1013,6 +1013,11 @@
color: #333333;
background: #eaeaea;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
position: relative;
margin-left: -0.5rem;
margin-right: 0.5rem;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
margin: 0;
padding: 0.857rem;

View File

@ -1009,6 +1009,11 @@
color: #666666;
background: #f4f4f4;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
position: relative;
margin-left: -0.5rem;
margin-right: 0.5rem;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
margin: 0;
padding: 0.857rem;

View File

@ -1009,6 +1009,11 @@
color: #495057;
background: #e9ecef;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
position: relative;
margin-left: -0.5rem;
margin-right: 0.5rem;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
margin: 0;
padding: 0.75rem 1rem;

View File

@ -1009,6 +1009,11 @@
color: #495057;
background: #e9ecef;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
position: relative;
margin-left: -0.5rem;
margin-right: 0.5rem;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
margin: 0;
padding: 0.75rem 1rem;

View File

@ -1009,6 +1009,11 @@
color: #495057;
background: #e9ecef;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
position: relative;
margin-left: -0.5rem;
margin-right: 0.5rem;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
margin: 0;
padding: 0.75rem 1rem;

View File

@ -1009,6 +1009,11 @@
color: #495057;
background: #e9ecef;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
position: relative;
margin-left: -0.5rem;
margin-right: 0.5rem;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
margin: 0;
padding: 0.75rem 1rem;

View File

@ -1033,6 +1033,11 @@
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
position: relative;
margin-left: -0.5rem;
margin-right: 0.5rem;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
margin: 0;
padding: 0.75rem 1.25rem;

View File

@ -1033,6 +1033,11 @@
color: #043d75;
background: #f6f9fc;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
position: relative;
margin-left: -0.5rem;
margin-right: 0.5rem;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
margin: 0;
padding: 0.75rem 1.25rem;

View File

@ -1044,6 +1044,11 @@
color: #18181B;
background: #f4f4f5;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
position: relative;
margin-left: -0.5rem;
margin-right: 0.5rem;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
margin: 0;
padding: 0.75rem 1rem;

View File

@ -1009,6 +1009,11 @@
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
position: relative;
margin-left: -0.5rem;
margin-right: 0.5rem;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
margin: 0;
padding: 0.75rem 1rem;

View File

@ -1009,6 +1009,11 @@
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
position: relative;
margin-left: -0.5rem;
margin-right: 0.5rem;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
margin: 0;
padding: 0.75rem 1rem;

View File

@ -1009,6 +1009,11 @@
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
position: relative;
margin-left: -0.5rem;
margin-right: 0.5rem;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
margin: 0;
padding: 0.75rem 1rem;

View File

@ -1009,6 +1009,11 @@
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
position: relative;
margin-left: -0.5rem;
margin-right: 0.5rem;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
margin: 0;
padding: 0.75rem 1rem;

View File

@ -1041,6 +1041,11 @@
color: rgba(255, 255, 255, 0.87);
background: rgba(158, 173, 230, 0.08);
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
position: relative;
margin-left: -0.5rem;
margin-right: 0.5rem;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
margin: 0;
padding: 0.75rem 1rem;

View File

@ -1041,6 +1041,11 @@
color: #6c6c6c;
background: #edf0fA;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
position: relative;
margin-left: -0.5rem;
margin-right: 0.5rem;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
margin: 0;
padding: 0.75rem 1rem;