Aligned sort badge

pull/358/head
cagataycivici 2020-07-01 18:57:26 +03:00
parent c89d6879b3
commit 0c82ada2e5
33 changed files with 131 additions and 129 deletions

View File

@ -1730,8 +1730,8 @@
height: 1.143rem;
min-width: 1.143rem;
line-height: 1.143rem;
color: #64B5F6;
background: #212529;
color: #212529;
background: #64B5F6;
margin-left: 0.5rem;
}
.p-datatable .p-sortable-column:not(.p-highlight):hover {
@ -2401,8 +2401,8 @@
height: 1.143rem;
min-width: 1.143rem;
line-height: 1.143rem;
color: #64B5F6;
background: #212529;
color: #212529;
background: #64B5F6;
margin-left: 0.5rem;
}
.p-treetable .p-sortable-column:not(.p-highlight):hover {

View File

@ -1730,8 +1730,8 @@
height: 1.143rem;
min-width: 1.143rem;
line-height: 1.143rem;
color: #81C784;
background: #212529;
color: #212529;
background: #81C784;
margin-left: 0.5rem;
}
.p-datatable .p-sortable-column:not(.p-highlight):hover {
@ -2401,8 +2401,8 @@
height: 1.143rem;
min-width: 1.143rem;
line-height: 1.143rem;
color: #81C784;
background: #212529;
color: #212529;
background: #81C784;
margin-left: 0.5rem;
}
.p-treetable .p-sortable-column:not(.p-highlight):hover {

View File

@ -1730,8 +1730,8 @@
height: 1.143rem;
min-width: 1.143rem;
line-height: 1.143rem;
color: #FFD54F;
background: #212529;
color: #212529;
background: #FFD54F;
margin-left: 0.5rem;
}
.p-datatable .p-sortable-column:not(.p-highlight):hover {
@ -2401,8 +2401,8 @@
height: 1.143rem;
min-width: 1.143rem;
line-height: 1.143rem;
color: #FFD54F;
background: #212529;
color: #212529;
background: #FFD54F;
margin-left: 0.5rem;
}
.p-treetable .p-sortable-column:not(.p-highlight):hover {

View File

@ -1730,8 +1730,8 @@
height: 1.143rem;
min-width: 1.143rem;
line-height: 1.143rem;
color: #BA68C8;
background: #ffffff;
color: #ffffff;
background: #BA68C8;
margin-left: 0.5rem;
}
.p-datatable .p-sortable-column:not(.p-highlight):hover {
@ -2401,8 +2401,8 @@
height: 1.143rem;
min-width: 1.143rem;
line-height: 1.143rem;
color: #BA68C8;
background: #ffffff;
color: #ffffff;
background: #BA68C8;
margin-left: 0.5rem;
}
.p-treetable .p-sortable-column:not(.p-highlight):hover {

View File

@ -1730,8 +1730,8 @@
height: 1.143rem;
min-width: 1.143rem;
line-height: 1.143rem;
color: #8dd0ff;
background: #151515;
color: #151515;
background: #8dd0ff;
margin-left: 0.5rem;
}
.p-datatable .p-sortable-column:not(.p-highlight):hover {
@ -2401,8 +2401,8 @@
height: 1.143rem;
min-width: 1.143rem;
line-height: 1.143rem;
color: #8dd0ff;
background: #151515;
color: #151515;
background: #8dd0ff;
margin-left: 0.5rem;
}
.p-treetable .p-sortable-column:not(.p-highlight):hover {

View File

@ -1730,8 +1730,8 @@
height: 1.143rem;
min-width: 1.143rem;
line-height: 1.143rem;
color: #c298d8;
background: #151515;
color: #151515;
background: #c298d8;
margin-left: 0.5rem;
}
.p-datatable .p-sortable-column:not(.p-highlight):hover {
@ -2401,8 +2401,8 @@
height: 1.143rem;
min-width: 1.143rem;
line-height: 1.143rem;
color: #c298d8;
background: #151515;
color: #151515;
background: #c298d8;
margin-left: 0.5rem;
}
.p-treetable .p-sortable-column:not(.p-highlight):hover {

View File

@ -1730,8 +1730,8 @@
height: 1.143rem;
min-width: 1.143rem;
line-height: 1.143rem;
color: #007bff;
background: #ffffff;
color: #ffffff;
background: #007bff;
margin-left: 0.5rem;
}
.p-datatable .p-sortable-column:not(.p-highlight):hover {
@ -2401,8 +2401,8 @@
height: 1.143rem;
min-width: 1.143rem;
line-height: 1.143rem;
color: #007bff;
background: #ffffff;
color: #ffffff;
background: #007bff;
margin-left: 0.5rem;
}
.p-treetable .p-sortable-column:not(.p-highlight):hover {

View File

@ -1730,8 +1730,8 @@
height: 1.143rem;
min-width: 1.143rem;
line-height: 1.143rem;
color: #883cae;
background: #ffffff;
color: #ffffff;
background: #883cae;
margin-left: 0.5rem;
}
.p-datatable .p-sortable-column:not(.p-highlight):hover {
@ -2401,8 +2401,8 @@
height: 1.143rem;
min-width: 1.143rem;
line-height: 1.143rem;
color: #883cae;
background: #ffffff;
color: #ffffff;
background: #883cae;
margin-left: 0.5rem;
}
.p-treetable .p-sortable-column:not(.p-highlight):hover {

View File

@ -1730,8 +1730,8 @@
height: 1.143rem;
min-width: 1.143rem;
line-height: 1.143rem;
color: #FFE082;
background: #212529;
color: #212529;
background: #FFE082;
margin-left: 0.5rem;
}
.p-datatable .p-sortable-column:not(.p-highlight):hover {
@ -2401,8 +2401,8 @@
height: 1.143rem;
min-width: 1.143rem;
line-height: 1.143rem;
color: #FFE082;
background: #212529;
color: #212529;
background: #FFE082;
margin-left: 0.5rem;
}
.p-treetable .p-sortable-column:not(.p-highlight):hover {

View File

@ -1730,8 +1730,8 @@
height: 1.143rem;
min-width: 1.143rem;
line-height: 1.143rem;
color: #81D4FA;
background: #212529;
color: #212529;
background: #81D4FA;
margin-left: 0.5rem;
}
.p-datatable .p-sortable-column:not(.p-highlight):hover {
@ -2401,8 +2401,8 @@
height: 1.143rem;
min-width: 1.143rem;
line-height: 1.143rem;
color: #81D4FA;
background: #212529;
color: #212529;
background: #81D4FA;
margin-left: 0.5rem;
}
.p-treetable .p-sortable-column:not(.p-highlight):hover {

View File

@ -1730,8 +1730,8 @@
height: 1.143rem;
min-width: 1.143rem;
line-height: 1.143rem;
color: #C5E1A5;
background: #212529;
color: #212529;
background: #C5E1A5;
margin-left: 0.5rem;
}
.p-datatable .p-sortable-column:not(.p-highlight):hover {
@ -2401,8 +2401,8 @@
height: 1.143rem;
min-width: 1.143rem;
line-height: 1.143rem;
color: #C5E1A5;
background: #212529;
color: #212529;
background: #C5E1A5;
margin-left: 0.5rem;
}
.p-treetable .p-sortable-column:not(.p-highlight):hover {

View File

@ -1730,8 +1730,8 @@
height: 1.143rem;
min-width: 1.143rem;
line-height: 1.143rem;
color: #F48FB1;
background: #212529;
color: #212529;
background: #F48FB1;
margin-left: 0.5rem;
}
.p-datatable .p-sortable-column:not(.p-highlight):hover {
@ -2401,8 +2401,8 @@
height: 1.143rem;
min-width: 1.143rem;
line-height: 1.143rem;
color: #F48FB1;
background: #212529;
color: #212529;
background: #F48FB1;
margin-left: 0.5rem;
}
.p-treetable .p-sortable-column:not(.p-highlight):hover {

View File

@ -1742,8 +1742,8 @@
height: 1.143rem;
min-width: 1.143rem;
line-height: 1.143rem;
color: rgba(206, 147, 216, 0.16);
background: #CE93D8;
color: #CE93D8;
background: rgba(206, 147, 216, 0.16);
margin-left: 0.5rem;
}
.p-datatable .p-sortable-column:not(.p-highlight):hover {
@ -2413,8 +2413,8 @@
height: 1.143rem;
min-width: 1.143rem;
line-height: 1.143rem;
color: rgba(206, 147, 216, 0.16);
background: #CE93D8;
color: #CE93D8;
background: rgba(206, 147, 216, 0.16);
margin-left: 0.5rem;
}
.p-treetable .p-sortable-column:not(.p-highlight):hover {

View File

@ -1742,8 +1742,8 @@
height: 1.143rem;
min-width: 1.143rem;
line-height: 1.143rem;
color: rgba(159, 168, 218, 0.16);
background: #9FA8DA;
color: #9FA8DA;
background: rgba(159, 168, 218, 0.16);
margin-left: 0.5rem;
}
.p-datatable .p-sortable-column:not(.p-highlight):hover {
@ -2413,8 +2413,8 @@
height: 1.143rem;
min-width: 1.143rem;
line-height: 1.143rem;
color: rgba(159, 168, 218, 0.16);
background: #9FA8DA;
color: #9FA8DA;
background: rgba(159, 168, 218, 0.16);
margin-left: 0.5rem;
}
.p-treetable .p-sortable-column:not(.p-highlight):hover {

View File

@ -1742,8 +1742,8 @@
height: 1.143rem;
min-width: 1.143rem;
line-height: 1.143rem;
color: rgba(103, 58, 183, 0.12);
background: #673AB7;
color: #673AB7;
background: rgba(103, 58, 183, 0.12);
margin-left: 0.5rem;
}
.p-datatable .p-sortable-column:not(.p-highlight):hover {
@ -2413,8 +2413,8 @@
height: 1.143rem;
min-width: 1.143rem;
line-height: 1.143rem;
color: rgba(103, 58, 183, 0.12);
background: #673AB7;
color: #673AB7;
background: rgba(103, 58, 183, 0.12);
margin-left: 0.5rem;
}
.p-treetable .p-sortable-column:not(.p-highlight):hover {

View File

@ -1742,8 +1742,8 @@
height: 1.143rem;
min-width: 1.143rem;
line-height: 1.143rem;
color: rgba(63, 81, 181, 0.12);
background: #3F51B5;
color: #3F51B5;
background: rgba(63, 81, 181, 0.12);
margin-left: 0.5rem;
}
.p-datatable .p-sortable-column:not(.p-highlight):hover {
@ -2413,8 +2413,8 @@
height: 1.143rem;
min-width: 1.143rem;
line-height: 1.143rem;
color: rgba(63, 81, 181, 0.12);
background: #3F51B5;
color: #3F51B5;
background: rgba(63, 81, 181, 0.12);
margin-left: 0.5rem;
}
.p-treetable .p-sortable-column:not(.p-highlight):hover {

View File

@ -1742,8 +1742,8 @@
height: 1.143rem;
min-width: 1.143rem;
line-height: 1.143rem;
color: rgba(103, 58, 183, 0.16);
background: #673AB7;
color: #673AB7;
background: rgba(103, 58, 183, 0.16);
margin-left: 0.5rem;
}
.p-datatable .p-sortable-column:not(.p-highlight):hover {
@ -2413,8 +2413,8 @@
height: 1.143rem;
min-width: 1.143rem;
line-height: 1.143rem;
color: rgba(103, 58, 183, 0.16);
background: #673AB7;
color: #673AB7;
background: rgba(103, 58, 183, 0.16);
margin-left: 0.5rem;
}
.p-treetable .p-sortable-column:not(.p-highlight):hover {

View File

@ -1742,8 +1742,8 @@
height: 1.143rem;
min-width: 1.143rem;
line-height: 1.143rem;
color: rgba(63, 81, 181, 0.16);
background: #3F51B5;
color: #3F51B5;
background: rgba(63, 81, 181, 0.16);
margin-left: 0.5rem;
}
.p-datatable .p-sortable-column:not(.p-highlight):hover {
@ -2413,8 +2413,8 @@
height: 1.143rem;
min-width: 1.143rem;
line-height: 1.143rem;
color: rgba(63, 81, 181, 0.16);
background: #3F51B5;
color: #3F51B5;
background: rgba(63, 81, 181, 0.16);
margin-left: 0.5rem;
}
.p-treetable .p-sortable-column:not(.p-highlight):hover {

View File

@ -1742,8 +1742,8 @@
height: 1.143rem;
min-width: 1.143rem;
line-height: 1.143rem;
color: rgba(103, 58, 183, 0.12);
background: #673AB7;
color: #673AB7;
background: rgba(103, 58, 183, 0.12);
margin-left: 0.5rem;
}
.p-datatable .p-sortable-column:not(.p-highlight):hover {
@ -2413,8 +2413,8 @@
height: 1.143rem;
min-width: 1.143rem;
line-height: 1.143rem;
color: rgba(103, 58, 183, 0.12);
background: #673AB7;
color: #673AB7;
background: rgba(103, 58, 183, 0.12);
margin-left: 0.5rem;
}
.p-treetable .p-sortable-column:not(.p-highlight):hover {

View File

@ -1742,8 +1742,8 @@
height: 1.143rem;
min-width: 1.143rem;
line-height: 1.143rem;
color: rgba(63, 81, 181, 0.12);
background: #3F51B5;
color: #3F51B5;
background: rgba(63, 81, 181, 0.12);
margin-left: 0.5rem;
}
.p-datatable .p-sortable-column:not(.p-highlight):hover {
@ -2413,8 +2413,8 @@
height: 1.143rem;
min-width: 1.143rem;
line-height: 1.143rem;
color: rgba(63, 81, 181, 0.12);
background: #3F51B5;
color: #3F51B5;
background: rgba(63, 81, 181, 0.12);
margin-left: 0.5rem;
}
.p-treetable .p-sortable-column:not(.p-highlight):hover {

View File

@ -1718,8 +1718,8 @@
height: 1.143rem;
min-width: 1.143rem;
line-height: 1.143rem;
color: #e02365;
background: #ffffff;
color: #ffffff;
background: #e02365;
margin-left: 0.5rem;
}
.p-datatable .p-sortable-column:not(.p-highlight):hover {
@ -2389,8 +2389,8 @@
height: 1.143rem;
min-width: 1.143rem;
line-height: 1.143rem;
color: #e02365;
background: #ffffff;
color: #ffffff;
background: #e02365;
margin-left: 0.5rem;
}
.p-treetable .p-sortable-column:not(.p-highlight):hover {

View File

@ -1730,8 +1730,8 @@
height: 1.143rem;
min-width: 1.143rem;
line-height: 1.143rem;
color: #007ad9;
background: #ffffff;
color: #ffffff;
background: #007ad9;
margin-left: 0.5rem;
}
.p-datatable .p-sortable-column:not(.p-highlight):hover {
@ -2401,8 +2401,8 @@
height: 1.143rem;
min-width: 1.143rem;
line-height: 1.143rem;
color: #007ad9;
background: #ffffff;
color: #ffffff;
background: #007ad9;
margin-left: 0.5rem;
}
.p-treetable .p-sortable-column:not(.p-highlight):hover {

View File

@ -1730,8 +1730,8 @@
height: 1.143rem;
min-width: 1.143rem;
line-height: 1.143rem;
color: #41b883;
background: #ffffff;
color: #ffffff;
background: #41b883;
margin-left: 0.5rem;
}
.p-datatable .p-sortable-column:not(.p-highlight):hover {
@ -2401,8 +2401,8 @@
height: 1.143rem;
min-width: 1.143rem;
line-height: 1.143rem;
color: #41b883;
background: #ffffff;
color: #ffffff;
background: #41b883;
margin-left: 0.5rem;
}
.p-treetable .p-sortable-column:not(.p-highlight):hover {

View File

@ -1730,8 +1730,8 @@
height: 1.143rem;
min-width: 1.143rem;
line-height: 1.143rem;
color: #007ad9;
background: #ffffff;
color: #ffffff;
background: #007ad9;
margin-left: 0.5rem;
}
.p-datatable .p-sortable-column:not(.p-highlight):hover {
@ -2401,8 +2401,8 @@
height: 1.143rem;
min-width: 1.143rem;
line-height: 1.143rem;
color: #007ad9;
background: #ffffff;
color: #ffffff;
background: #007ad9;
margin-left: 0.5rem;
}
.p-treetable .p-sortable-column:not(.p-highlight):hover {

View File

@ -1718,8 +1718,8 @@
height: 1.143rem;
min-width: 1.143rem;
line-height: 1.143rem;
color: #AFD3C8;
background: #385048;
color: #385048;
background: #AFD3C8;
margin-left: 0.5rem;
}
.p-datatable .p-sortable-column:not(.p-highlight):hover {
@ -2389,8 +2389,8 @@
height: 1.143rem;
min-width: 1.143rem;
line-height: 1.143rem;
color: #AFD3C8;
background: #385048;
color: #385048;
background: #AFD3C8;
margin-left: 0.5rem;
}
.p-treetable .p-sortable-column:not(.p-highlight):hover {

View File

@ -1730,8 +1730,8 @@
height: 1.143rem;
min-width: 1.143rem;
line-height: 1.143rem;
color: #2196F3;
background: #ffffff;
color: #ffffff;
background: #2196F3;
margin-left: 0.5rem;
}
.p-datatable .p-sortable-column:not(.p-highlight):hover {
@ -2401,8 +2401,8 @@
height: 1.143rem;
min-width: 1.143rem;
line-height: 1.143rem;
color: #2196F3;
background: #ffffff;
color: #ffffff;
background: #2196F3;
margin-left: 0.5rem;
}
.p-treetable .p-sortable-column:not(.p-highlight):hover {

View File

@ -1730,8 +1730,8 @@
height: 1.143rem;
min-width: 1.143rem;
line-height: 1.143rem;
color: #4CAF50;
background: #ffffff;
color: #ffffff;
background: #4CAF50;
margin-left: 0.5rem;
}
.p-datatable .p-sortable-column:not(.p-highlight):hover {
@ -2401,8 +2401,8 @@
height: 1.143rem;
min-width: 1.143rem;
line-height: 1.143rem;
color: #4CAF50;
background: #ffffff;
color: #ffffff;
background: #4CAF50;
margin-left: 0.5rem;
}
.p-treetable .p-sortable-column:not(.p-highlight):hover {

View File

@ -1730,8 +1730,8 @@
height: 1.143rem;
min-width: 1.143rem;
line-height: 1.143rem;
color: #FFC107;
background: #212529;
color: #212529;
background: #FFC107;
margin-left: 0.5rem;
}
.p-datatable .p-sortable-column:not(.p-highlight):hover {
@ -2401,8 +2401,8 @@
height: 1.143rem;
min-width: 1.143rem;
line-height: 1.143rem;
color: #FFC107;
background: #212529;
color: #212529;
background: #FFC107;
margin-left: 0.5rem;
}
.p-treetable .p-sortable-column:not(.p-highlight):hover {

View File

@ -1730,8 +1730,8 @@
height: 1.143rem;
min-width: 1.143rem;
line-height: 1.143rem;
color: #64B5F6;
background: #212529;
color: #212529;
background: #64B5F6;
margin-left: 0.5rem;
}
.p-datatable .p-sortable-column:not(.p-highlight):hover {
@ -2401,8 +2401,8 @@
height: 1.143rem;
min-width: 1.143rem;
line-height: 1.143rem;
color: #64B5F6;
background: #212529;
color: #212529;
background: #64B5F6;
margin-left: 0.5rem;
}
.p-treetable .p-sortable-column:not(.p-highlight):hover {

View File

@ -1730,8 +1730,8 @@
height: 1.143rem;
min-width: 1.143rem;
line-height: 1.143rem;
color: #81C784;
background: #212529;
color: #212529;
background: #81C784;
margin-left: 0.5rem;
}
.p-datatable .p-sortable-column:not(.p-highlight):hover {
@ -2401,8 +2401,8 @@
height: 1.143rem;
min-width: 1.143rem;
line-height: 1.143rem;
color: #81C784;
background: #212529;
color: #212529;
background: #81C784;
margin-left: 0.5rem;
}
.p-treetable .p-sortable-column:not(.p-highlight):hover {

View File

@ -1730,8 +1730,8 @@
height: 1.143rem;
min-width: 1.143rem;
line-height: 1.143rem;
color: #FFD54F;
background: #212529;
color: #212529;
background: #FFD54F;
margin-left: 0.5rem;
}
.p-datatable .p-sortable-column:not(.p-highlight):hover {
@ -2401,8 +2401,8 @@
height: 1.143rem;
min-width: 1.143rem;
line-height: 1.143rem;
color: #FFD54F;
background: #212529;
color: #212529;
background: #FFD54F;
margin-left: 0.5rem;
}
.p-treetable .p-sortable-column:not(.p-highlight):hover {

View File

@ -1730,8 +1730,8 @@
height: 1.143rem;
min-width: 1.143rem;
line-height: 1.143rem;
color: #BA68C8;
background: #ffffff;
color: #ffffff;
background: #BA68C8;
margin-left: 0.5rem;
}
.p-datatable .p-sortable-column:not(.p-highlight):hover {
@ -2401,8 +2401,8 @@
height: 1.143rem;
min-width: 1.143rem;
line-height: 1.143rem;
color: #BA68C8;
background: #ffffff;
color: #ffffff;
background: #BA68C8;
margin-left: 0.5rem;
}
.p-treetable .p-sortable-column:not(.p-highlight):hover {

View File

@ -1849,7 +1849,9 @@ export default {
}
.p-datatable .p-sortable-column .p-sortable-column-badge {
display: inline-block;
display: inline-flex;
align-items: center;
justify-content: center;
}
.p-datatable-auto-layout > .p-datatable-wrapper {