Paginator Returns
This commit is contained in:
parent
e387ed152c
commit
ff686a33d0
|
@ -34,3 +34,38 @@
|
|||
// h3 {
|
||||
// margin-top: 0px;
|
||||
// }
|
||||
|
||||
::ng-deep .mat-paginator {
|
||||
margin-top: auto;
|
||||
}
|
||||
|
||||
::ng-deep .mat-paginator-container {
|
||||
flex-direction: row-reverse !important;
|
||||
justify-content: space-between !important;
|
||||
background-color: #f6f6f6;
|
||||
height: 30px;
|
||||
min-height: 30px !important;
|
||||
}
|
||||
|
||||
::ng-deep .mat-paginator-page-size {
|
||||
height: 43px;
|
||||
}
|
||||
|
||||
::ng-deep .mat-icon-button {
|
||||
height: 30px !important;
|
||||
font-size: 12px !important;
|
||||
}
|
||||
|
||||
::ng-deep .mat-paginator-range-label {
|
||||
margin: 15px 32px 0 24px !important;
|
||||
}
|
||||
|
||||
::ng-deep .mat-paginator-range-actions {
|
||||
width: 55% !important;
|
||||
min-height: 43px !important;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
::ng-deep .mat-paginator-navigation-previous {
|
||||
margin-left: auto !important;
|
||||
}
|
||||
|
|
|
@ -1,3 +1,38 @@
|
|||
::ng-deep .mat-paginator {
|
||||
margin-top: auto;
|
||||
}
|
||||
|
||||
::ng-deep .mat-paginator-container {
|
||||
flex-direction: row-reverse !important;
|
||||
justify-content: space-between !important;
|
||||
background-color: #f6f6f6;
|
||||
height: 30px;
|
||||
min-height: 30px !important;
|
||||
}
|
||||
|
||||
::ng-deep .mat-paginator-page-size {
|
||||
height: 43px;
|
||||
}
|
||||
|
||||
::ng-deep .mat-icon-button {
|
||||
height: 30px !important;
|
||||
font-size: 12px !important;
|
||||
}
|
||||
|
||||
::ng-deep .mat-paginator-range-label {
|
||||
margin: 15px 32px 0 24px !important;
|
||||
}
|
||||
|
||||
::ng-deep .mat-paginator-range-actions {
|
||||
width: 55% !important;
|
||||
min-height: 43px !important;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
::ng-deep .mat-paginator-navigation-previous {
|
||||
margin-left: auto !important;
|
||||
}
|
||||
|
||||
// .listing {
|
||||
// .mat-card {
|
||||
// margin: 1em 0;
|
||||
|
@ -8,38 +43,3 @@
|
|||
// flex-direction: column;
|
||||
// }
|
||||
// }
|
||||
|
||||
// ::ng-deep .mat-paginator {
|
||||
// margin-top: auto;
|
||||
// }
|
||||
|
||||
// ::ng-deep .mat-paginator-container {
|
||||
// flex-direction: row-reverse !important;
|
||||
// justify-content: space-between !important;
|
||||
// background-color: #f6f6f6;
|
||||
// height: 30px;
|
||||
// min-height: 30px !important;
|
||||
// }
|
||||
|
||||
// ::ng-deep .mat-paginator-page-size {
|
||||
// height: 43px;
|
||||
// }
|
||||
|
||||
// ::ng-deep .mat-icon-button {
|
||||
// height: 30px !important;
|
||||
// font-size: 12px !important;
|
||||
// }
|
||||
|
||||
// ::ng-deep .mat-paginator-range-label {
|
||||
// margin: 15px 32px 0 24px !important;
|
||||
// }
|
||||
|
||||
// ::ng-deep .mat-paginator-range-actions {
|
||||
// width: 55% !important;
|
||||
// min-height: 43px !important;
|
||||
// justify-content: space-between;
|
||||
// }
|
||||
|
||||
// ::ng-deep .mat-paginator-navigation-previous {
|
||||
// margin-left: auto !important;
|
||||
// }
|
||||
|
|
|
@ -90,21 +90,21 @@ $theme: mat-light-theme($primary, $accent);
|
|||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
// .template-name {
|
||||
// padding-left: 0px;
|
||||
// border: 1px solid rgb(218, 227, 243);
|
||||
// color: rgb(43, 104, 209);
|
||||
// background-color: rgb(236, 241, 249);
|
||||
// border-radius: 10em;
|
||||
// justify-content: center;
|
||||
// text-transform: uppercase;
|
||||
// display: flex;
|
||||
// width: 25em;
|
||||
// height: 1.8em;
|
||||
// margin-top: 15px;
|
||||
// font-size: 13px;
|
||||
// font-weight: 500;
|
||||
// }
|
||||
// .template-name {
|
||||
// padding-left: 0px;
|
||||
// border: 1px solid rgb(218, 227, 243);
|
||||
// color: rgb(43, 104, 209);
|
||||
// background-color: rgb(236, 241, 249);
|
||||
// border-radius: 10em;
|
||||
// justify-content: center;
|
||||
// text-transform: uppercase;
|
||||
// display: flex;
|
||||
// width: 25em;
|
||||
// height: 1.8em;
|
||||
// margin-top: 15px;
|
||||
// font-size: 13px;
|
||||
// font-weight: 500;
|
||||
// }
|
||||
|
||||
.draft-bookmark {
|
||||
color: #e7e6e6;
|
||||
|
@ -129,39 +129,4 @@ $theme: mat-light-theme($primary, $accent);
|
|||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
::ng-deep .mat-paginator {
|
||||
margin-top: auto;
|
||||
}
|
||||
|
||||
::ng-deep .mat-paginator-container {
|
||||
flex-direction: row-reverse !important;
|
||||
justify-content: space-between !important;
|
||||
background-color: #f6f6f6;
|
||||
height: 30px;
|
||||
min-height: 30px !important;
|
||||
}
|
||||
|
||||
::ng-deep .mat-paginator-page-size {
|
||||
height: 43px;
|
||||
}
|
||||
|
||||
::ng-deep .mat-icon-button {
|
||||
height: 30px !important;
|
||||
font-size: 12px !important;
|
||||
}
|
||||
|
||||
::ng-deep .mat-paginator-range-label {
|
||||
margin: 15px 32px 0 24px !important;
|
||||
}
|
||||
|
||||
::ng-deep .mat-paginator-range-actions {
|
||||
width: 55% !important;
|
||||
min-height: 43px !important;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
::ng-deep .mat-paginator-navigation-previous {
|
||||
margin-left: auto !important;
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue