vertumnus
/
primevue-mirror
mirror of https://github.com/primefaces/primevue.git
1
0
Fork 0
Code Packages Releases Activity

Cleanup and fixes to theming

pull/5507/head
Cagatay Civici 2024-03-27 13:59:21 +03:00
parent aa4e3bd8dd
commit 5d63b84050
6 changed files with 14 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
components/lib/orderlist/OrderList.vue
View File

@ -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;
} }

2
components/lib/picklist/PickList.vue
View File

@ -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;
} }

1
components/lib/themes/primeone/base/megamenu/index.js
View File

@ -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')};

12
components/lib/themes/primeone/base/tabview/index.js
View File

@ -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;
} }

5
components/lib/themes/primeone/presets/aura/tabview/index.js
View File

@ -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}',

10
components/lib/themes/primeone/presets/aura/tag/index.js
View File

@ -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: {