Fixed #177 - Align focus visuals with the theme

pull/201/head 1.0.2
cagataycivici 2020-01-30 14:11:56 +03:00
parent e51b7c198d
commit 1c43789a24
9 changed files with 270 additions and 0 deletions

View File

@ -2116,6 +2116,21 @@ body .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
body .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
box-shadow: inset 0 -2px 0 0 #FFB300;
}
body .p-datatable .p-datatable-tbody > tr:focus {
outline: none;
}
body .p-datatable .p-datatable-tbody > tr:focus + tr > td {
box-shadow: 0 -0.2em 0 0 #ffe8b3;
}
body .p-datatable .p-datatable-tbody > tr:focus > td {
box-shadow: 0 -0.2em 0 0 #ffe8b3, 0 0.2em 0 0 #ffe8b3;
}
body .p-datatable .p-datatable-tbody > tr:focus > td:first-child {
box-shadow: 0 -0.2em 0 0 #ffe8b3, 0 0.2em 0 0 #ffe8b3, -0.1em -0.1em 0 0.1em #ffe8b3;
}
body .p-datatable .p-datatable-tbody > tr:focus > td:last-child {
box-shadow: 0 -0.2em 0 0 #ffe8b3, 0 0.2em 0 0 #ffe8b3, 0.1em -0.1em 0 0.1em #ffe8b3;
}
body .p-datatable .p-datatable-tbody > tr:nth-child(even) {
background-color: #323232;
}
@ -2811,6 +2826,21 @@ body .p-treetable .p-treetable-tbody > tr.p-highlight-contextmenu {
body .p-treetable .p-treetable-tbody > tr.p-highlight-contextmenu .p-treetable-toggler {
color: #212121;
}
body .p-treetable .p-treetable-tbody > tr:focus {
outline: none;
}
body .p-treetable .p-treetable-tbody > tr:focus + tr > td {
box-shadow: 0 -0.2em 0 0 #ffe8b3;
}
body .p-treetable .p-treetable-tbody > tr:focus > td {
box-shadow: 0 -0.2em 0 0 #ffe8b3, 0 0.2em 0 0 #ffe8b3;
}
body .p-treetable .p-treetable-tbody > tr:focus > td:first-child {
box-shadow: 0 -0.2em 0 0 #ffe8b3, 0 0.2em 0 0 #ffe8b3, -0.1em -0.1em 0 0.1em #ffe8b3;
}
body .p-treetable .p-treetable-tbody > tr:focus > td:last-child {
box-shadow: 0 -0.2em 0 0 #ffe8b3, 0 0.2em 0 0 #ffe8b3, 0.1em -0.1em 0 0.1em #ffe8b3;
}
body .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):not(.p-highlight-contextmenu):hover {
cursor: pointer;
background-color: #4c4c4c;

View File

@ -2116,6 +2116,21 @@ body .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
body .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
box-shadow: inset 0 -2px 0 0 #1f7ed0;
}
body .p-datatable .p-datatable-tbody > tr:focus {
outline: none;
}
body .p-datatable .p-datatable-tbody > tr:focus + tr > td {
box-shadow: 0 -0.2em 0 0 #aed3f3;
}
body .p-datatable .p-datatable-tbody > tr:focus > td {
box-shadow: 0 -0.2em 0 0 #aed3f3, 0 0.2em 0 0 #aed3f3;
}
body .p-datatable .p-datatable-tbody > tr:focus > td:first-child {
box-shadow: 0 -0.2em 0 0 #aed3f3, 0 0.2em 0 0 #aed3f3, -0.1em -0.1em 0 0.1em #aed3f3;
}
body .p-datatable .p-datatable-tbody > tr:focus > td:last-child {
box-shadow: 0 -0.2em 0 0 #aed3f3, 0 0.2em 0 0 #aed3f3, 0.1em -0.1em 0 0.1em #aed3f3;
}
body .p-datatable .p-datatable-tbody > tr:nth-child(even) {
background-color: #323232;
}
@ -2811,6 +2826,21 @@ body .p-treetable .p-treetable-tbody > tr.p-highlight-contextmenu {
body .p-treetable .p-treetable-tbody > tr.p-highlight-contextmenu .p-treetable-toggler {
color: #ffffff;
}
body .p-treetable .p-treetable-tbody > tr:focus {
outline: none;
}
body .p-treetable .p-treetable-tbody > tr:focus + tr > td {
box-shadow: 0 -0.2em 0 0 #aed3f3;
}
body .p-treetable .p-treetable-tbody > tr:focus > td {
box-shadow: 0 -0.2em 0 0 #aed3f3, 0 0.2em 0 0 #aed3f3;
}
body .p-treetable .p-treetable-tbody > tr:focus > td:first-child {
box-shadow: 0 -0.2em 0 0 #aed3f3, 0 0.2em 0 0 #aed3f3, -0.1em -0.1em 0 0.1em #aed3f3;
}
body .p-treetable .p-treetable-tbody > tr:focus > td:last-child {
box-shadow: 0 -0.2em 0 0 #aed3f3, 0 0.2em 0 0 #aed3f3, 0.1em -0.1em 0 0.1em #aed3f3;
}
body .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):not(.p-highlight-contextmenu):hover {
cursor: pointer;
background-color: #4c4c4c;

View File

@ -2116,6 +2116,21 @@ body .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
body .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
box-shadow: inset 0 -2px 0 0 #1ea04c;
}
body .p-datatable .p-datatable-tbody > tr:focus {
outline: none;
}
body .p-datatable .p-datatable-tbody > tr:focus + tr > td {
box-shadow: 0 -0.2em 0 0 #88e9aa;
}
body .p-datatable .p-datatable-tbody > tr:focus > td {
box-shadow: 0 -0.2em 0 0 #88e9aa, 0 0.2em 0 0 #88e9aa;
}
body .p-datatable .p-datatable-tbody > tr:focus > td:first-child {
box-shadow: 0 -0.2em 0 0 #88e9aa, 0 0.2em 0 0 #88e9aa, -0.1em -0.1em 0 0.1em #88e9aa;
}
body .p-datatable .p-datatable-tbody > tr:focus > td:last-child {
box-shadow: 0 -0.2em 0 0 #88e9aa, 0 0.2em 0 0 #88e9aa, 0.1em -0.1em 0 0.1em #88e9aa;
}
body .p-datatable .p-datatable-tbody > tr:nth-child(even) {
background-color: #323232;
}
@ -2811,6 +2826,21 @@ body .p-treetable .p-treetable-tbody > tr.p-highlight-contextmenu {
body .p-treetable .p-treetable-tbody > tr.p-highlight-contextmenu .p-treetable-toggler {
color: #ffffff;
}
body .p-treetable .p-treetable-tbody > tr:focus {
outline: none;
}
body .p-treetable .p-treetable-tbody > tr:focus + tr > td {
box-shadow: 0 -0.2em 0 0 #88e9aa;
}
body .p-treetable .p-treetable-tbody > tr:focus > td {
box-shadow: 0 -0.2em 0 0 #88e9aa, 0 0.2em 0 0 #88e9aa;
}
body .p-treetable .p-treetable-tbody > tr:focus > td:first-child {
box-shadow: 0 -0.2em 0 0 #88e9aa, 0 0.2em 0 0 #88e9aa, -0.1em -0.1em 0 0.1em #88e9aa;
}
body .p-treetable .p-treetable-tbody > tr:focus > td:last-child {
box-shadow: 0 -0.2em 0 0 #88e9aa, 0 0.2em 0 0 #88e9aa, 0.1em -0.1em 0 0.1em #88e9aa;
}
body .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):not(.p-highlight-contextmenu):hover {
cursor: pointer;
background-color: #4c4c4c;

View File

@ -2116,6 +2116,21 @@ body .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
body .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
box-shadow: inset 0 -2px 0 0 #cc285c;
}
body .p-datatable .p-datatable-tbody > tr:focus {
outline: none;
}
body .p-datatable .p-datatable-tbody > tr:focus + tr > td {
box-shadow: 0 -0.2em 0 0 #f1b6c8;
}
body .p-datatable .p-datatable-tbody > tr:focus > td {
box-shadow: 0 -0.2em 0 0 #f1b6c8, 0 0.2em 0 0 #f1b6c8;
}
body .p-datatable .p-datatable-tbody > tr:focus > td:first-child {
box-shadow: 0 -0.2em 0 0 #f1b6c8, 0 0.2em 0 0 #f1b6c8, -0.1em -0.1em 0 0.1em #f1b6c8;
}
body .p-datatable .p-datatable-tbody > tr:focus > td:last-child {
box-shadow: 0 -0.2em 0 0 #f1b6c8, 0 0.2em 0 0 #f1b6c8, 0.1em -0.1em 0 0.1em #f1b6c8;
}
body .p-datatable .p-datatable-tbody > tr:nth-child(even) {
background-color: #323232;
}
@ -2811,6 +2826,21 @@ body .p-treetable .p-treetable-tbody > tr.p-highlight-contextmenu {
body .p-treetable .p-treetable-tbody > tr.p-highlight-contextmenu .p-treetable-toggler {
color: #ffffff;
}
body .p-treetable .p-treetable-tbody > tr:focus {
outline: none;
}
body .p-treetable .p-treetable-tbody > tr:focus + tr > td {
box-shadow: 0 -0.2em 0 0 #f1b6c8;
}
body .p-treetable .p-treetable-tbody > tr:focus > td {
box-shadow: 0 -0.2em 0 0 #f1b6c8, 0 0.2em 0 0 #f1b6c8;
}
body .p-treetable .p-treetable-tbody > tr:focus > td:first-child {
box-shadow: 0 -0.2em 0 0 #f1b6c8, 0 0.2em 0 0 #f1b6c8, -0.1em -0.1em 0 0.1em #f1b6c8;
}
body .p-treetable .p-treetable-tbody > tr:focus > td:last-child {
box-shadow: 0 -0.2em 0 0 #f1b6c8, 0 0.2em 0 0 #f1b6c8, 0.1em -0.1em 0 0.1em #f1b6c8;
}
body .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):not(.p-highlight-contextmenu):hover {
cursor: pointer;
background-color: #4c4c4c;

View File

@ -2116,6 +2116,21 @@ body .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
body .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
box-shadow: inset 0 -2px 0 0 #e02365;
}
body .p-datatable .p-datatable-tbody > tr:focus {
outline: none;
}
body .p-datatable .p-datatable-tbody > tr:focus + tr > td {
box-shadow: 0 -0.2em 0 0 #8dcdff;
}
body .p-datatable .p-datatable-tbody > tr:focus > td {
box-shadow: 0 -0.2em 0 0 #8dcdff, 0 0.2em 0 0 #8dcdff;
}
body .p-datatable .p-datatable-tbody > tr:focus > td:first-child {
box-shadow: 0 -0.2em 0 0 #8dcdff, 0 0.2em 0 0 #8dcdff, -0.1em -0.1em 0 0.1em #8dcdff;
}
body .p-datatable .p-datatable-tbody > tr:focus > td:last-child {
box-shadow: 0 -0.2em 0 0 #8dcdff, 0 0.2em 0 0 #8dcdff, 0.1em -0.1em 0 0.1em #8dcdff;
}
body .p-datatable .p-datatable-tbody > tr:nth-child(even) {
background-color: #f9f9f9;
}
@ -2811,6 +2826,21 @@ body .p-treetable .p-treetable-tbody > tr.p-highlight-contextmenu {
body .p-treetable .p-treetable-tbody > tr.p-highlight-contextmenu .p-treetable-toggler {
color: #ffffff;
}
body .p-treetable .p-treetable-tbody > tr:focus {
outline: none;
}
body .p-treetable .p-treetable-tbody > tr:focus + tr > td {
box-shadow: 0 -0.2em 0 0 #8dcdff;
}
body .p-treetable .p-treetable-tbody > tr:focus > td {
box-shadow: 0 -0.2em 0 0 #8dcdff, 0 0.2em 0 0 #8dcdff;
}
body .p-treetable .p-treetable-tbody > tr:focus > td:first-child {
box-shadow: 0 -0.2em 0 0 #8dcdff, 0 0.2em 0 0 #8dcdff, -0.1em -0.1em 0 0.1em #8dcdff;
}
body .p-treetable .p-treetable-tbody > tr:focus > td:last-child {
box-shadow: 0 -0.2em 0 0 #8dcdff, 0 0.2em 0 0 #8dcdff, 0.1em -0.1em 0 0.1em #8dcdff;
}
body .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):not(.p-highlight-contextmenu):hover {
cursor: pointer;
background-color: #eaeaea;

View File

@ -2116,6 +2116,21 @@ body .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
body .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
box-shadow: inset 0 -2px 0 0 #007ad9;
}
body .p-datatable .p-datatable-tbody > tr:focus {
outline: none;
}
body .p-datatable .p-datatable-tbody > tr:focus + tr > td {
box-shadow: 0 -0.2em 0 0 #8dcdff;
}
body .p-datatable .p-datatable-tbody > tr:focus > td {
box-shadow: 0 -0.2em 0 0 #8dcdff, 0 0.2em 0 0 #8dcdff;
}
body .p-datatable .p-datatable-tbody > tr:focus > td:first-child {
box-shadow: 0 -0.2em 0 0 #8dcdff, 0 0.2em 0 0 #8dcdff, -0.1em -0.1em 0 0.1em #8dcdff;
}
body .p-datatable .p-datatable-tbody > tr:focus > td:last-child {
box-shadow: 0 -0.2em 0 0 #8dcdff, 0 0.2em 0 0 #8dcdff, 0.1em -0.1em 0 0.1em #8dcdff;
}
body .p-datatable .p-datatable-tbody > tr:nth-child(even) {
background-color: #f9f9f9;
}
@ -2811,6 +2826,21 @@ body .p-treetable .p-treetable-tbody > tr.p-highlight-contextmenu {
body .p-treetable .p-treetable-tbody > tr.p-highlight-contextmenu .p-treetable-toggler {
color: #ffffff;
}
body .p-treetable .p-treetable-tbody > tr:focus {
outline: none;
}
body .p-treetable .p-treetable-tbody > tr:focus + tr > td {
box-shadow: 0 -0.2em 0 0 #8dcdff;
}
body .p-treetable .p-treetable-tbody > tr:focus > td {
box-shadow: 0 -0.2em 0 0 #8dcdff, 0 0.2em 0 0 #8dcdff;
}
body .p-treetable .p-treetable-tbody > tr:focus > td:first-child {
box-shadow: 0 -0.2em 0 0 #8dcdff, 0 0.2em 0 0 #8dcdff, -0.1em -0.1em 0 0.1em #8dcdff;
}
body .p-treetable .p-treetable-tbody > tr:focus > td:last-child {
box-shadow: 0 -0.2em 0 0 #8dcdff, 0 0.2em 0 0 #8dcdff, 0.1em -0.1em 0 0.1em #8dcdff;
}
body .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):not(.p-highlight-contextmenu):hover {
cursor: pointer;
background-color: #eaeaea;

View File

@ -2116,6 +2116,21 @@ body .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
body .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
box-shadow: inset 0 -2px 0 0 #007ad9;
}
body .p-datatable .p-datatable-tbody > tr:focus {
outline: none;
}
body .p-datatable .p-datatable-tbody > tr:focus + tr > td {
box-shadow: 0 -0.2em 0 0 #8dcdff;
}
body .p-datatable .p-datatable-tbody > tr:focus > td {
box-shadow: 0 -0.2em 0 0 #8dcdff, 0 0.2em 0 0 #8dcdff;
}
body .p-datatable .p-datatable-tbody > tr:focus > td:first-child {
box-shadow: 0 -0.2em 0 0 #8dcdff, 0 0.2em 0 0 #8dcdff, -0.1em -0.1em 0 0.1em #8dcdff;
}
body .p-datatable .p-datatable-tbody > tr:focus > td:last-child {
box-shadow: 0 -0.2em 0 0 #8dcdff, 0 0.2em 0 0 #8dcdff, 0.1em -0.1em 0 0.1em #8dcdff;
}
body .p-datatable .p-datatable-tbody > tr:nth-child(even) {
background-color: #f9f9f9;
}
@ -2811,6 +2826,21 @@ body .p-treetable .p-treetable-tbody > tr.p-highlight-contextmenu {
body .p-treetable .p-treetable-tbody > tr.p-highlight-contextmenu .p-treetable-toggler {
color: #ffffff;
}
body .p-treetable .p-treetable-tbody > tr:focus {
outline: none;
}
body .p-treetable .p-treetable-tbody > tr:focus + tr > td {
box-shadow: 0 -0.2em 0 0 #8dcdff;
}
body .p-treetable .p-treetable-tbody > tr:focus > td {
box-shadow: 0 -0.2em 0 0 #8dcdff, 0 0.2em 0 0 #8dcdff;
}
body .p-treetable .p-treetable-tbody > tr:focus > td:first-child {
box-shadow: 0 -0.2em 0 0 #8dcdff, 0 0.2em 0 0 #8dcdff, -0.1em -0.1em 0 0.1em #8dcdff;
}
body .p-treetable .p-treetable-tbody > tr:focus > td:last-child {
box-shadow: 0 -0.2em 0 0 #8dcdff, 0 0.2em 0 0 #8dcdff, 0.1em -0.1em 0 0.1em #8dcdff;
}
body .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):not(.p-highlight-contextmenu):hover {
cursor: pointer;
background-color: #eaeaea;

View File

@ -2116,6 +2116,21 @@ body .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
body .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
box-shadow: inset 0 -2px 0 0 #41b883;
}
body .p-datatable .p-datatable-tbody > tr:focus {
outline: none;
}
body .p-datatable .p-datatable-tbody > tr:focus + tr > td {
box-shadow: 0 -0.2em 0 0 #c2e9d8;
}
body .p-datatable .p-datatable-tbody > tr:focus > td {
box-shadow: 0 -0.2em 0 0 #c2e9d8, 0 0.2em 0 0 #c2e9d8;
}
body .p-datatable .p-datatable-tbody > tr:focus > td:first-child {
box-shadow: 0 -0.2em 0 0 #c2e9d8, 0 0.2em 0 0 #c2e9d8, -0.1em -0.1em 0 0.1em #c2e9d8;
}
body .p-datatable .p-datatable-tbody > tr:focus > td:last-child {
box-shadow: 0 -0.2em 0 0 #c2e9d8, 0 0.2em 0 0 #c2e9d8, 0.1em -0.1em 0 0.1em #c2e9d8;
}
body .p-datatable .p-datatable-tbody > tr:nth-child(even) {
background-color: #f9f9f9;
}
@ -2811,6 +2826,21 @@ body .p-treetable .p-treetable-tbody > tr.p-highlight-contextmenu {
body .p-treetable .p-treetable-tbody > tr.p-highlight-contextmenu .p-treetable-toggler {
color: #ffffff;
}
body .p-treetable .p-treetable-tbody > tr:focus {
outline: none;
}
body .p-treetable .p-treetable-tbody > tr:focus + tr > td {
box-shadow: 0 -0.2em 0 0 #c2e9d8;
}
body .p-treetable .p-treetable-tbody > tr:focus > td {
box-shadow: 0 -0.2em 0 0 #c2e9d8, 0 0.2em 0 0 #c2e9d8;
}
body .p-treetable .p-treetable-tbody > tr:focus > td:first-child {
box-shadow: 0 -0.2em 0 0 #c2e9d8, 0 0.2em 0 0 #c2e9d8, -0.1em -0.1em 0 0.1em #c2e9d8;
}
body .p-treetable .p-treetable-tbody > tr:focus > td:last-child {
box-shadow: 0 -0.2em 0 0 #c2e9d8, 0 0.2em 0 0 #c2e9d8, 0.1em -0.1em 0 0.1em #c2e9d8;
}
body .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):not(.p-highlight-contextmenu):hover {
cursor: pointer;
background-color: #eaeaea;

View File

@ -2116,6 +2116,21 @@ body .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
body .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
box-shadow: inset 0 -2px 0 0 #AFD3C8;
}
body .p-datatable .p-datatable-tbody > tr:focus {
outline: none;
}
body .p-datatable .p-datatable-tbody > tr:focus + tr > td {
box-shadow: 0 -0.2em 0 0 #e4e9ec;
}
body .p-datatable .p-datatable-tbody > tr:focus > td {
box-shadow: 0 -0.2em 0 0 #e4e9ec, 0 0.2em 0 0 #e4e9ec;
}
body .p-datatable .p-datatable-tbody > tr:focus > td:first-child {
box-shadow: 0 -0.2em 0 0 #e4e9ec, 0 0.2em 0 0 #e4e9ec, -0.1em -0.1em 0 0.1em #e4e9ec;
}
body .p-datatable .p-datatable-tbody > tr:focus > td:last-child {
box-shadow: 0 -0.2em 0 0 #e4e9ec, 0 0.2em 0 0 #e4e9ec, 0.1em -0.1em 0 0.1em #e4e9ec;
}
body .p-datatable .p-datatable-tbody > tr:nth-child(even) {
background-color: #f8f8f8;
}
@ -2811,6 +2826,21 @@ body .p-treetable .p-treetable-tbody > tr.p-highlight-contextmenu {
body .p-treetable .p-treetable-tbody > tr.p-highlight-contextmenu .p-treetable-toggler {
color: #385048;
}
body .p-treetable .p-treetable-tbody > tr:focus {
outline: none;
}
body .p-treetable .p-treetable-tbody > tr:focus + tr > td {
box-shadow: 0 -0.2em 0 0 #e4e9ec;
}
body .p-treetable .p-treetable-tbody > tr:focus > td {
box-shadow: 0 -0.2em 0 0 #e4e9ec, 0 0.2em 0 0 #e4e9ec;
}
body .p-treetable .p-treetable-tbody > tr:focus > td:first-child {
box-shadow: 0 -0.2em 0 0 #e4e9ec, 0 0.2em 0 0 #e4e9ec, -0.1em -0.1em 0 0.1em #e4e9ec;
}
body .p-treetable .p-treetable-tbody > tr:focus > td:last-child {
box-shadow: 0 -0.2em 0 0 #e4e9ec, 0 0.2em 0 0 #e4e9ec, 0.1em -0.1em 0 0.1em #e4e9ec;
}
body .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):not(.p-highlight-contextmenu):hover {
cursor: pointer;
background-color: #eaeaea;