Add gridlines and striped demos

This commit is contained in:
cagataycivici 2020-06-17 16:57:27 +03:00
parent acd424cc1f
commit 9403309b3d
20 changed files with 1109 additions and 251 deletions

View file

@ -1356,7 +1356,7 @@
background: #ffffff;
color: #333333;
border: 1px solid #c8c8c8;
border-width: 1px;
border-width: 0 1px 1px 1px;
padding: 0.571rem 1rem;
font-weight: normal;
border-bottom-left-radius: 3px;
@ -1446,19 +1446,6 @@
.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
box-shadow: inset 0 -2px 0 0 #41b883;
}
.p-datatable .p-datatable-tbody > tr:nth-child(even) {
background: #f9f9f9;
}
.p-datatable .p-datatable-tbody > tr:nth-child(even).p-highlight {
background: #41b883;
color: #ffffff;
}
.p-datatable .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
color: #ffffff;
}
.p-datatable .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
color: #ffffff;
}
.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
background: #eaeaea;
color: #333333;
@ -1473,6 +1460,40 @@
.p-datatable .p-datatable-loading-icon {
font-size: 2rem;
}
.p-datatable.p-datatable-gridlines .p-datatable-header {
border-width: 1px 1px 0 1px;
}
.p-datatable.p-datatable-gridlines .p-datatable-footer {
border-width: 0 1px 1px 1px;
}
.p-datatable.p-datatable-gridlines .p-paginator-top {
border-width: 0 1px 0 1px;
}
.p-datatable.p-datatable-gridlines .p-paginator-bottom {
border-width: 0 1px 1px 1px;
}
.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
border-width: 1px;
}
.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
border-width: 1px;
}
.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
border-width: 1px;
}
.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) {
background: #f9f9f9;
}
.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
background: #41b883;
color: #ffffff;
}
.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
color: #ffffff;
}
.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
color: #ffffff;
}
.p-datatable.p-datatable-sm .p-datatable-header {
padding: 0.72845rem 0.85rem;
}
@ -1535,7 +1556,7 @@
background: #ffffff;
color: #333333;
border: 1px solid #c8c8c8;
border-width: 1px;
border-width: 0 1px 1px 1px;
padding: 0.571rem 1rem;
font-weight: normal;
border-bottom-left-radius: 3px;
@ -1751,7 +1772,8 @@
.p-paginator {
background: #f4f4f4;
color: #333333;
border: 1px solid #c8c8c8;
border: solid #c8c8c8;
border-width: 1px;
padding: 0;
border-radius: 3px;
}
@ -1972,7 +1994,7 @@
background: #ffffff;
color: #333333;
border: 1px solid #c8c8c8;
border-width: 1px;
border-width: 0 1px 1px 1px;
padding: 0.571rem 1rem;
font-weight: normal;
border-bottom-left-radius: 3px;
@ -2080,6 +2102,27 @@
.p-treetable .p-treetable-loading-icon {
font-size: 2rem;
}
.p-treetable.p-treetable-gridlines .p-datatable-header {
border-width: 1px 1px 0 1px;
}
.p-treetable.p-treetable-gridlines .p-treetable-footer {
border-width: 0 1px 1px 1px;
}
.p-treetable.p-treetable-gridlines .p-treetable-top {
border-width: 0 1px 0 1px;
}
.p-treetable.p-treetable-gridlines .p-treetable-bottom {
border-width: 0 1px 1px 1px;
}
.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th {
border-width: 1px;
}
.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td {
border-width: 1px;
}
.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td {
border-width: 1px;
}
.p-treetable.p-treetable-sm .p-treetable-header {
padding: 0.749875rem 0.875rem;
}