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 {
padding: var(--content-padding);
flex-direction: row;
}
.p-orderlist[${this.attributeSelector}] .p-orderlist-controls .p-button {
margin-right: var(--inline-spacing);
margin-bottom: 0;
}

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

@ -571,12 +571,10 @@ export default {
}
.p-picklist[${this.attributeSelector}] .p-picklist-buttons {
padding: var(--content-padding);
flex-direction: row;
}
.p-picklist[${this.attributeSelector}] .p-picklist-buttons .p-button {
margin-right: var(--inline-spacing);
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-submenu-icon {
color: ${dt('megamenu.item.icon.focus.color')};
}
.p-megamenu .p-menuitem-active > .p-menuitem-content {
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;
align-items: center;
justify-content: center;
background: ${dt('tabview.navigatior.icon.background')};
color: ${dt('tabview.navigatior.icon.color')};
background: ${dt('tabview.navigator.icon.background')};
color: ${dt('tabview.navigator.icon.color')};
width: 2.5rem;
border-radius: 0;
outline-color: transparent;
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 {
@ -90,7 +90,7 @@ export default {
}
.p-tabview-nav-btn:hover {
color: ${dt('tabview.navigatior.icon.hover.color')};
color: ${dt('tabview.navigator.icon.hover.color')};
}
.p-tabview-nav-prev {
@ -106,8 +106,8 @@ export default {
}
.p-tabview-panels {
background: ${dt('tabview.navigatior.content.background')};
color: ${dt('tabview.navigatior.content.color')};
background: ${dt('tabview.navigator.content.background')};
color: ${dt('tabview.navigator.content.color')};
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: {
background: '{surface.0}',
color: '{surface.700}'
},
}
},
dark: {
nav: {
@ -40,7 +39,7 @@ export default {
background: '{surface.900}',
color: '{surface.400}',
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: {
background: '{surface.900}',

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

@ -32,7 +32,7 @@ export default {
},
dark: {
primary: {
background: 'color-mix(in srgb, var(--p-primary-500), transparent 84%)',
background: 'color-mix(in srgb, {primary.500}, transparent 84%)',
color: '{primary.300}'
},
secondary: {
@ -40,19 +40,19 @@ export default {
color: '{surface.300}'
},
success: {
background: 'color-mix(in srgb, var(--p-green-500), transparent 84%)',
background: 'color-mix(in srgb, {green.500}, transparent 84%)',
color: '{green.300}'
},
info: {
background: 'color-mix(in srgb, var(--p-sky-500), transparent 84%)',
background: 'color-mix(in srgb, {sky.500}, transparent 84%)',
color: '{sky.300}'
},
warn: {
background: 'color-mix(in srgb, var(--p-orange-500), transparent 84%)',
background: 'color-mix(in srgb, {orange.500}, transparent 84%)',
color: '{orange.300}'
},
danger: {
background: 'color-mix(in srgb, var(--p-red-500), transparent 84%)',
background: 'color-mix(in srgb, {red.500}, transparent 84%)',
color: '{red.300}'
},
contrast: {