119 lines
2.1 KiB
SCSS
119 lines
2.1 KiB
SCSS
.dataset-profile-listing {
|
|
margin-top: 1rem;
|
|
margin-left: 1rem;
|
|
margin-right: 2rem;
|
|
}
|
|
|
|
.mat-table {
|
|
margin-top: 47px;
|
|
// margin-bottom: 20px;
|
|
border-radius: 4px;
|
|
|
|
}
|
|
|
|
.mat-fab-bottom-right {
|
|
// top: auto !important;
|
|
// right: 20px !important;
|
|
// bottom: 10px !important;
|
|
// left: auto !important;
|
|
// position: fixed !important;
|
|
float: right;
|
|
z-index: 5;
|
|
}
|
|
|
|
.mat-header-row{
|
|
background: #f3f5f8;
|
|
}
|
|
|
|
.full-width {
|
|
width: 100%;
|
|
}
|
|
|
|
.mat-card {
|
|
margin: 16px 0;
|
|
}
|
|
|
|
.mat-row {
|
|
cursor: pointer;
|
|
min-height: 4.5em;
|
|
}
|
|
|
|
mat-row:hover {
|
|
background-color: #eef5f6;
|
|
}
|
|
|
|
.status-chip{
|
|
|
|
border-radius: 20px;
|
|
padding-left: 1em;
|
|
padding-right: 1em;
|
|
padding-top: 0.2em;
|
|
font-size: .8em;
|
|
}
|
|
|
|
.status-chip-finalized{
|
|
color: #568b5a;
|
|
background: #9dd1a1 0% 0% no-repeat padding-box;
|
|
}
|
|
|
|
.status-chip-draft{
|
|
color: #00c4ff;
|
|
background: #d3f5ff 0% 0% no-repeat padding-box;
|
|
}
|
|
// mat-row:nth-child(even){
|
|
// background-color:red;
|
|
// }
|
|
|
|
// mat-row:nth-child(odd) {
|
|
// background-color: #0c748914;
|
|
// // background-color: #eef0fb;
|
|
// }
|
|
|
|
:host ::ng-deep .mat-paginator-container {
|
|
flex-direction: row-reverse !important;
|
|
justify-content: space-between !important;
|
|
background-color: #f6f6f6;
|
|
align-items: center;
|
|
// height: 30px;
|
|
// min-height: 30px !important;
|
|
}
|
|
|
|
// ::ng-deep .mat-paginator-page-size {
|
|
// height: 43px;
|
|
// }
|
|
|
|
// ::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;
|
|
// }
|
|
|
|
// ::ng-deep .mat-icon-button {
|
|
// height: 30px !important;
|
|
// font-size: 12px !important;
|
|
// }
|
|
|
|
.import-btn {
|
|
background: #ffffff 0% 0% no-repeat padding-box;
|
|
border-radius: 30px;
|
|
// color: var(--primary-color);
|
|
// border: 1px solid var(--primary-color);
|
|
padding-left: 2em;
|
|
padding-right: 2em;
|
|
color: #000;
|
|
border: 1px solid #000;
|
|
}
|
|
.create-btn {
|
|
border-radius: 30px;
|
|
background-color: var(--secondary-color);
|
|
padding-left: 2em;
|
|
padding-right: 2em;
|
|
} |