Merge branch 'v4' of https://github.com/primefaces/primevue into v4
commit
c32d1a10f5
|
@ -269,12 +269,10 @@ export default {
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-orderlist[${this.attributeSelector}] .p-orderlist-controls {
|
.p-orderlist[${this.attributeSelector}] .p-orderlist-controls {
|
||||||
padding: var(--content-padding);
|
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-orderlist[${this.attributeSelector}] .p-orderlist-controls .p-button {
|
.p-orderlist[${this.attributeSelector}] .p-orderlist-controls .p-button {
|
||||||
margin-right: var(--inline-spacing);
|
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -571,12 +571,10 @@ export default {
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-picklist[${this.attributeSelector}] .p-picklist-buttons {
|
.p-picklist[${this.attributeSelector}] .p-picklist-buttons {
|
||||||
padding: var(--content-padding);
|
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-picklist[${this.attributeSelector}] .p-picklist-buttons .p-button {
|
.p-picklist[${this.attributeSelector}] .p-picklist-buttons .p-button {
|
||||||
margin-right: var(--inline-spacing);
|
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -61,6 +61,7 @@ export default {
|
||||||
.p-megamenu .p-menuitem:not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-icon,
|
.p-megamenu .p-menuitem:not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-icon,
|
||||||
.p-megamenu .p-menuitem:not(.p-disabled) > .p-menuitem-content:hover .p-submenu-icon {
|
.p-megamenu .p-menuitem:not(.p-disabled) > .p-menuitem-content:hover .p-submenu-icon {
|
||||||
color: ${dt('megamenu.item.icon.focus.color')};
|
color: ${dt('megamenu.item.icon.focus.color')};
|
||||||
|
}
|
||||||
|
|
||||||
.p-megamenu .p-menuitem-active > .p-menuitem-content {
|
.p-megamenu .p-menuitem-active > .p-menuitem-content {
|
||||||
color: ${dt('megamenu.item.focus.color')};
|
color: ${dt('megamenu.item.focus.color')};
|
||||||
|
|
|
@ -75,13 +75,13 @@ export default {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
background: ${dt('tabview.navigatior.icon.background')};
|
background: ${dt('tabview.navigator.icon.background')};
|
||||||
color: ${dt('tabview.navigatior.icon.color')};
|
color: ${dt('tabview.navigator.icon.color')};
|
||||||
width: 2.5rem;
|
width: 2.5rem;
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
outline-color: transparent;
|
outline-color: transparent;
|
||||||
transition: color ${dt('transition.duration')}, outline-color ${dt('transition.duration')};
|
transition: color ${dt('transition.duration')}, outline-color ${dt('transition.duration')};
|
||||||
box-shadow: ${dt('tabview.navigatior.icon.box.shadow')};
|
box-shadow: ${dt('tabview.navigator.icon.box.shadow')};
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-tabview-nav-btn:focus-visible {
|
.p-tabview-nav-btn:focus-visible {
|
||||||
|
@ -90,7 +90,7 @@ export default {
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-tabview-nav-btn:hover {
|
.p-tabview-nav-btn:hover {
|
||||||
color: ${dt('tabview.navigatior.icon.hover.color')};
|
color: ${dt('tabview.navigator.icon.hover.color')};
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-tabview-nav-prev {
|
.p-tabview-nav-prev {
|
||||||
|
@ -106,8 +106,8 @@ export default {
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-tabview-panels {
|
.p-tabview-panels {
|
||||||
background: ${dt('tabview.navigatior.content.background')};
|
background: ${dt('tabview.navigator.content.background')};
|
||||||
color: ${dt('tabview.navigatior.content.color')};
|
color: ${dt('tabview.navigator.content.color')};
|
||||||
padding: 0.875rem 1.125rem 1.125rem 1.125rem;
|
padding: 0.875rem 1.125rem 1.125rem 1.125rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -21,8 +21,7 @@ export default {
|
||||||
content: {
|
content: {
|
||||||
background: '{surface.0}',
|
background: '{surface.0}',
|
||||||
color: '{surface.700}'
|
color: '{surface.700}'
|
||||||
},
|
}
|
||||||
|
|
||||||
},
|
},
|
||||||
dark: {
|
dark: {
|
||||||
nav: {
|
nav: {
|
||||||
|
@ -40,7 +39,7 @@ export default {
|
||||||
background: '{surface.900}',
|
background: '{surface.900}',
|
||||||
color: '{surface.400}',
|
color: '{surface.400}',
|
||||||
hoverColor: '{surface.0}',
|
hoverColor: '{surface.0}',
|
||||||
boxShadow: '0px 0px 10px 50px color-mix(in srgb, var(--p-surface-900), transparent 50%)'
|
boxShadow: '0px 0px 10px 50px color-mix(in srgb, {surface.900}, transparent 50%)'
|
||||||
},
|
},
|
||||||
content: {
|
content: {
|
||||||
background: '{surface.900}',
|
background: '{surface.900}',
|
||||||
|
|
|
@ -32,7 +32,7 @@ export default {
|
||||||
},
|
},
|
||||||
dark: {
|
dark: {
|
||||||
primary: {
|
primary: {
|
||||||
background: 'color-mix(in srgb, var(--p-primary-500), transparent 84%)',
|
background: 'color-mix(in srgb, {primary.500}, transparent 84%)',
|
||||||
color: '{primary.300}'
|
color: '{primary.300}'
|
||||||
},
|
},
|
||||||
secondary: {
|
secondary: {
|
||||||
|
@ -40,19 +40,19 @@ export default {
|
||||||
color: '{surface.300}'
|
color: '{surface.300}'
|
||||||
},
|
},
|
||||||
success: {
|
success: {
|
||||||
background: 'color-mix(in srgb, var(--p-green-500), transparent 84%)',
|
background: 'color-mix(in srgb, {green.500}, transparent 84%)',
|
||||||
color: '{green.300}'
|
color: '{green.300}'
|
||||||
},
|
},
|
||||||
info: {
|
info: {
|
||||||
background: 'color-mix(in srgb, var(--p-sky-500), transparent 84%)',
|
background: 'color-mix(in srgb, {sky.500}, transparent 84%)',
|
||||||
color: '{sky.300}'
|
color: '{sky.300}'
|
||||||
},
|
},
|
||||||
warn: {
|
warn: {
|
||||||
background: 'color-mix(in srgb, var(--p-orange-500), transparent 84%)',
|
background: 'color-mix(in srgb, {orange.500}, transparent 84%)',
|
||||||
color: '{orange.300}'
|
color: '{orange.300}'
|
||||||
},
|
},
|
||||||
danger: {
|
danger: {
|
||||||
background: 'color-mix(in srgb, var(--p-red-500), transparent 84%)',
|
background: 'color-mix(in srgb, {red.500}, transparent 84%)',
|
||||||
color: '{red.300}'
|
color: '{red.300}'
|
||||||
},
|
},
|
||||||
contrast: {
|
contrast: {
|
||||||
|
|
Loading…
Reference in New Issue