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

Fixed active border colors

pull/5507/head
Cagatay Civici 2024-02-17 01:45:34 +03:00
parent 20a81d6fab
commit cf76c80bf6
2 changed files with 12 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
components/lib/theme/aura/datatable/index.js
View File

@ -22,7 +22,8 @@ export default {
textColorHover: '{surface.800}' textColorHover: '{surface.800}'
}, },
bodyCell: { bodyCell: {
borderColor: '{surface.200}' borderColor: '{surface.200}',
borderColorSelected: '{highlight.backgroundFocus}'
}, },
footerCell: { footerCell: {
background: '{surface.0}', background: '{surface.0}',
@ -68,7 +69,8 @@ export default {
textColorHover: '{surface.0}' textColorHover: '{surface.0}'
}, },
bodyCell: { bodyCell: {
borderColor: '{surface.800}' borderColor: '{surface.800}',
borderColorSelected: '{highlight.backgroundFocus}'
}, },
footerCell: { footerCell: {
background: '{surface.900}', background: '{surface.900}',
@ -458,11 +460,11 @@ export default {
} }
.p-datatable-tbody > tr:has(+ .p-highlight) > td { .p-datatable-tbody > tr:has(+ .p-highlight) > td {
border-bottom-color: var(--p-highlight-background); border-bottom-color: var(--p-datatable-body-cell-border-color-selected);
} }
.p-datatable-tbody > tr.p-highlight > td { .p-datatable-tbody > tr.p-highlight > td {
border-bottom-color: var(--p-highlight-background); border-bottom-color: var(--p-datatable-body-cell-border-color-selected);
} }
.p-datatable-tbody > tr:focus-visible { .p-datatable-tbody > tr:focus-visible {

10
components/lib/theme/aura/treetable/index.js
View File

@ -22,7 +22,8 @@ export default {
textColorHover: '{surface.800}' textColorHover: '{surface.800}'
}, },
bodyCell: { bodyCell: {
borderColor: '{surface.200}' borderColor: '{surface.200}',
borderColorSelected: '{highlight.backgroundFocus}'
}, },
footerCell: { footerCell: {
background: '{surface.0}', background: '{surface.0}',
@ -70,7 +71,8 @@ export default {
textColorHover: '{surface.0}' textColorHover: '{surface.0}'
}, },
bodyCell: { bodyCell: {
borderColor: '{surface.800}' borderColor: '{surface.800}',
borderColorSelected: '{highlight.backgroundFocus}'
}, },
footerCell: { footerCell: {
background: '{surface.900}', background: '{surface.900}',
@ -371,11 +373,11 @@ export default {
} }
.p-treetable-tbody > tr:has(+ .p-highlight) > td { .p-treetable-tbody > tr:has(+ .p-highlight) > td {
border-bottom-color: var(--p-highlight-background); border-bottom-color: var(--p-treetable-body-cell-border-color-selected);
} }
.p-treetable-tbody > tr.p-highlight > td { .p-treetable-tbody > tr.p-highlight > td {
border-bottom-color: var(--p-highlight-background); border-bottom-color: var(--p-treetable-body-cell-border-color-selected);
} }
.p-treetable-tbody > tr:focus-visible { .p-treetable-tbody > tr:focus-visible {