Merge branch 'v4' of https://github.com/primefaces/primevue into v4
mertsincan
commit
8ac90ef444
|
|
@ -11,7 +11,7 @@
|
|||
:data-p-hidden-accessible="true"
|
||||
:data-p-hidden-focusable="true"
|
||||
></span>
|
||||
<div :class="cx('header')">
|
||||
<div v-if="$slots.header" :class="cx('header')">
|
||||
<slot name="header" :value="modelValue" :options="visibleOptions"></slot>
|
||||
</div>
|
||||
<div v-if="filter" :class="cx('header')" v-bind="ptm('header')">
|
||||
|
|
|
|||
|
|
@ -271,14 +271,6 @@ export default {
|
|||
.p-orderlist[${this.attributeSelector}] .p-orderlist-controls {
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.p-orderlist[${this.attributeSelector}] .p-orderlist-controls .p-button {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.p-orderlist[${this.attributeSelector}] .p-orderlist-controls .p-button:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
`;
|
||||
|
||||
|
|
|
|||
|
|
@ -573,14 +573,6 @@ export default {
|
|||
.p-picklist[${this.attributeSelector}] .p-picklist-buttons {
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.p-picklist[${this.attributeSelector}] .p-picklist-buttons .p-button {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.p-picklist[${this.attributeSelector}] .p-picklist-buttons .p-button:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
`;
|
||||
|
||||
|
|
|
|||
|
|
@ -11,72 +11,5 @@ export default {
|
|||
justify-content: center;
|
||||
gap: 0.5rem;
|
||||
}
|
||||
|
||||
.p-orderlist-list-container {
|
||||
flex: 1 1 auto;
|
||||
background: ${dt('orderlist.list.background')};
|
||||
border: 1px solid ${dt('orderlist.list.border.color')};
|
||||
border-radius: ${dt('rounded.base')};
|
||||
}
|
||||
|
||||
.p-orderlist .p-orderlist-header {
|
||||
color: ${dt('orderlist.header.color')};
|
||||
border: 0 none;
|
||||
padding: 0.75rem 1rem 0.5rem 1rem;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.p-orderlist-list {
|
||||
list-style-type: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
overflow: auto;
|
||||
min-height: 12rem;
|
||||
max-height: 24rem;
|
||||
padding: 0.25rem 0.25rem;
|
||||
outline: 0 none;
|
||||
}
|
||||
|
||||
.p-orderlist-item {
|
||||
cursor: pointer;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
padding: 0.5rem 0.75rem;
|
||||
margin: 2px 0;
|
||||
border-radius: ${dt('rounded.base')};
|
||||
border: 0 none;
|
||||
color: ${dt('orderlist.item.color')};
|
||||
background: ${dt('orderlist.item.background')};
|
||||
outline-color: transparent;
|
||||
transition: transform ${dt('transition.duration')}, background-color ${dt('transition.duration')}, color ${dt('transition.duration')}, outline-color ${dt('transition.duration')};
|
||||
}
|
||||
|
||||
.p-orderlist-item:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.p-orderlist-item:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.p-orderlist-item:not(.p-highlight):hover {
|
||||
color: ${dt('orderlist.item.focus.color')};
|
||||
background: ${dt('orderlist.item.focus.background')};
|
||||
}
|
||||
|
||||
.p-orderlist-item.p-focus {
|
||||
color: ${dt('orderlist.item.focus.color')};
|
||||
background: ${dt('orderlist.item.focus.background')};
|
||||
}
|
||||
|
||||
.p-orderlist-item.p-highlight {
|
||||
color: ${dt('highlight.color')};
|
||||
background: ${dt('highlight.background')};
|
||||
}
|
||||
|
||||
.p-orderlist-item.p-highlight.p-focus {
|
||||
color: ${dt('highlight.focus.color')};
|
||||
background: ${dt('highlight.focus.background')};
|
||||
}
|
||||
`
|
||||
};
|
||||
|
|
|
|||
|
|
@ -14,69 +14,6 @@ export default {
|
|||
|
||||
.p-picklist-list-wrapper {
|
||||
flex: 1 1 50%;
|
||||
background: ${dt('picklist.list.background')};
|
||||
border: 1px solid ${dt('picklist.list.border.color')};
|
||||
border-radius: ${dt('rounded.base')};
|
||||
}
|
||||
|
||||
.p-picklist .p-picklist-header {
|
||||
color: ${dt('picklist.header.color')};
|
||||
border: 0 none;
|
||||
padding: 0.75rem 1rem 0.5rem 1rem;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.p-picklist-list {
|
||||
list-style-type: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
overflow: auto;
|
||||
min-height: 12rem;
|
||||
max-height: 24rem;
|
||||
padding: 0.25rem 0.25rem;
|
||||
outline: 0 none;
|
||||
}
|
||||
|
||||
.p-picklist-item {
|
||||
cursor: pointer;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
padding: 0.5rem 0.75rem;
|
||||
margin: 2px 0;
|
||||
border-radius: ${dt('rounded.base')};
|
||||
border: 0 none;
|
||||
color: ${dt('picklist.item.color')};
|
||||
background: ${dt('picklist.item.background')};
|
||||
outline-color: transparent;
|
||||
transition: transform ${dt('transition.duration')}, background-color ${dt('transition.duration')}, color ${dt('transition.duration')}, outline-color ${dt('transition.duration')};
|
||||
}
|
||||
|
||||
.p-picklist-item:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.p-picklist-item:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.p-picklist-item:not(.p-highlight):hover {
|
||||
color: ${dt('picklist.item.focus.color')};
|
||||
background: ${dt('picklist.item.focus.background')};
|
||||
}
|
||||
|
||||
.p-picklist-item.p-focus {
|
||||
color: ${dt('picklist.item.focus.color')};
|
||||
background: ${dt('picklist.item.focus.background')};
|
||||
}
|
||||
|
||||
.p-picklist-item.p-highlight {
|
||||
color: ${dt('highlight.color')};
|
||||
background: ${dt('highlight.background')};
|
||||
}
|
||||
|
||||
.p-picklist-item.p-highlight.p-focus {
|
||||
color: ${dt('highlight.focus.color')};
|
||||
background: ${dt('highlight.focus.background')};
|
||||
}
|
||||
`
|
||||
};
|
||||
|
|
|
|||
|
|
@ -1,34 +1 @@
|
|||
export default {
|
||||
colorScheme: {
|
||||
light: {
|
||||
list: {
|
||||
background: '{surface.0}',
|
||||
borderColor: '{surface.200}'
|
||||
},
|
||||
header: {
|
||||
color: '{surface.500}'
|
||||
},
|
||||
item: {
|
||||
background: 'transparent',
|
||||
focusBackground: '{surface.100}',
|
||||
color: '{surface.700}',
|
||||
focusColor: '{surface.800}'
|
||||
}
|
||||
},
|
||||
dark: {
|
||||
list: {
|
||||
background: '{surface.900}',
|
||||
borderColor: '{surface.700}'
|
||||
},
|
||||
header: {
|
||||
color: '{surface.400}'
|
||||
},
|
||||
item: {
|
||||
background: 'transparent',
|
||||
focusBackground: '{surface.800}',
|
||||
color: '{surface.0}',
|
||||
focusColor: '{surface.0}'
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
export default {};
|
||||
|
|
|
|||
|
|
@ -1,34 +1 @@
|
|||
export default {
|
||||
colorScheme: {
|
||||
light: {
|
||||
list: {
|
||||
background: '{surface.0}',
|
||||
borderColor: '{surface.200}'
|
||||
},
|
||||
header: {
|
||||
color: '{surface.500}'
|
||||
},
|
||||
item: {
|
||||
background: 'transparent',
|
||||
focusBackground: '{surface.100}',
|
||||
color: '{surface.700}',
|
||||
focusColor: '{surface.800}'
|
||||
}
|
||||
},
|
||||
dark: {
|
||||
list: {
|
||||
background: '{surface.900}',
|
||||
borderColor: '{surface.700}'
|
||||
},
|
||||
header: {
|
||||
color: '{surface.400}'
|
||||
},
|
||||
item: {
|
||||
background: 'transparent',
|
||||
focusBackground: '{surface.800}',
|
||||
color: '{surface.0}',
|
||||
focusColor: '{surface.0}'
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
export default {};
|
||||
|
|
|
|||
|
|
@ -18,7 +18,7 @@
|
|||
:pt="{
|
||||
root: 'w-2rem h-2rem border-round-sm bg-primary',
|
||||
icon: {
|
||||
class: 'text-base'
|
||||
class: 'text-base w-1rem h-1rem'
|
||||
}
|
||||
}"
|
||||
/>
|
||||
|
|
@ -48,7 +48,7 @@ export default {
|
|||
:pt="{
|
||||
root: 'w-2rem h-2rem border-round-sm bg-primary',
|
||||
icon: {
|
||||
class: 'text-base'
|
||||
class: 'text-base w-1rem h-1rem'
|
||||
}
|
||||
}"
|
||||
/>
|
||||
|
|
@ -72,7 +72,7 @@ export default {
|
|||
:pt="{
|
||||
root: 'w-2rem h-2rem border-round-sm bg-primary',
|
||||
icon: {
|
||||
class: 'text-base'
|
||||
class: 'text-base w-1rem h-1rem'
|
||||
}
|
||||
}"
|
||||
/>
|
||||
|
|
@ -98,7 +98,7 @@ export default {
|
|||
:pt="{
|
||||
root: 'w-2rem h-2rem border-round-sm bg-primary',
|
||||
icon: {
|
||||
class: 'text-base'
|
||||
class: 'text-base w-1rem h-1rem'
|
||||
}
|
||||
}"
|
||||
/>
|
||||
|
|
|
|||
Loading…
Reference in New Issue