MaDgiK-CITE
/
argos
13
0
Fork 0
Code Issues Pull Requests Projects Releases 3 Wiki Activity

Merge branch 'ui-refactoring' of gitlab.eudat.eu:dmp/OpenAIRE-EUDAT-DMP-service-pilot into ui-refactoring

This commit is contained in:
gkolokythas 2019-05-08 16:47:11 +03:00
parent df12702499 ff686a33d0
commit 42a06713af
3 changed files with 91 additions and 91 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
dmp-frontend/src/app/ui/dataset/listing/dataset-listing.component.scss
View File

@ -34,3 +34,38 @@
// h3 { // h3 {
// margin-top: 0px; // 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;
}

70
dmp-frontend/src/app/ui/dmp/listing/dmp-listing.component.scss
View File

@ -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 { // .listing {
// .mat-card { // .mat-card {
// margin: 1em 0; // margin: 1em 0;
@ -8,38 +43,3 @@
// flex-direction: column; // 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;
// }

77
dmp-frontend/src/styles.scss
View File

@ -48,13 +48,13 @@ $theme: mat-light-theme($primary, $accent);
} }
.chip { .chip {
padding: 0.1em 1em; padding: 0.1em 1em;
border: 0.1em solid rgb(218, 227, 243); border: 0.1em solid rgb(218, 227, 243);
border-radius: 10em; border-radius: 10em;
background-color: rgb(236, 241, 249); background-color: rgb(236, 241, 249);
color: rgb(68, 114, 196); color: rgb(68, 114, 196);
text-transform: uppercase; text-transform: uppercase;
font-weight: 500; font-weight: 500;
} }
.squared-chip { .squared-chip {
@ -76,8 +76,8 @@ $theme: mat-light-theme($primary, $accent);
.info { .info {
background-color: #f6f6f6; background-color: #f6f6f6;
padding: 8px 15px; padding: 8px 15px;
margin-bottom: 15px; margin-bottom: 15px;
} }
.info p { .info p {
@ -90,21 +90,21 @@ $theme: mat-light-theme($primary, $accent);
margin-bottom: 0px; margin-bottom: 0px;
} }
// .template-name { // .template-name {
// padding-left: 0px; // padding-left: 0px;
// border: 1px solid rgb(218, 227, 243); // border: 1px solid rgb(218, 227, 243);
// color: rgb(43, 104, 209); // color: rgb(43, 104, 209);
// background-color: rgb(236, 241, 249); // background-color: rgb(236, 241, 249);
// border-radius: 10em; // border-radius: 10em;
// justify-content: center; // justify-content: center;
// text-transform: uppercase; // text-transform: uppercase;
// display: flex; // display: flex;
// width: 25em; // width: 25em;
// height: 1.8em; // height: 1.8em;
// margin-top: 15px; // margin-top: 15px;
// font-size: 13px; // font-size: 13px;
// font-weight: 500; // font-weight: 500;
// } // }
.draft-bookmark { .draft-bookmark {
color: #e7e6e6; color: #e7e6e6;
@ -129,39 +129,4 @@ $theme: mat-light-theme($primary, $accent);
display: flex; display: flex;
flex-direction: column; 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;
}
} }