Sineedge/sparqsineedge
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

UI changes

Browse Source
This commit is contained in:
venbatechnologies@gmail.com 2018-12-24 17:56:47 +05:30
parent 559aa8ed8e
commit f30bb3720c
2 changed files with 16 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/start-pd.component.html
View File

@ -16,14 +16,15 @@
</mat-card-header> </mat-card-header>
<mat-card-content style="max-height:100% !important;"> <mat-card-content style="max-height:100% !important;">
<div fxLayout="row wrap" class="child_mat_card"> <div fxLayout="row wrap" class="child_mat_card">
<mat-card fxFlex.xs="80" fxFlex.sm="45" fxFlex.md="30" fxFlex.lg="23" fxFlex.xl="23" *ngFor="let formButton of categoryFormButtons;let quesIndex=index" [ngStyle]="{'background-color':formButton.isAnswered == false ? '#fff' : '#4caf50' ,'color':'#fff'}" (click)="OnSelectDirectForms(formButton)"> <mat-card fxFlex.xs="80" fxFlex.sm="45" fxFlex.md="32" fxFlex.lg="32" fxFlex.xl="33" *ngFor="let formButton of categoryFormButtons;let quesIndex=index" [ngStyle]="{'background-color':formButton.isAnswered == false ? '#fff' : '#4caf50' ,'color':'#fff'}" (click)="OnSelectDirectForms(formButton)">
<mat-card-header > <mat-card-header>
<div fxFlex="90" align="left" style="padding:15px !important;"> <span style="padding: 17px 14px 3px 15px !important;border-radius: 0px 0px 0px 15px!important;width: 50px !important;" class="menu-badge mat-purple ng-star-inserted" align="center">{{quesIndex+1}}</span>
{{ (formButton.form_name.length>17)? (formButton.form_name | slice:0:17)+'..':(formButton.form_name) }} <div fxFlex="100" align="left" style="padding:15px !important;">
{{ formButton.form_name }}
</div> </div>
<div fxFlex="20" align="end"> <!--<div fxFlex="20" align="end">
<span style="padding: 2px 9px 3px 9px !important;" class="menu-badge mat-purple ng-star-inserted" align="center">{{quesIndex+1}}</span> <span style="padding: 2px 9px 3px 9px !important;" class="menu-badge mat-purple ng-star-inserted" align="center">{{quesIndex+1}}</span>
</div> </div> -->
</mat-card-header> </mat-card-header>
</mat-card> </mat-card>
</div> </div>

9
ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/start-pd.component.scss
View File

@ -1,6 +1,12 @@
// .child_mat_card mat-card { // .child_mat_card mat-card {
// margin: 2 0%; // margin: 2 0%;
// } // }
::ng-deep .mat-card-header-text{
margin:0px !important;
}
.mat-purple{
background-color: gray !important;
}
mat-card.parent_mat_card > { mat-card.parent_mat_card > {
mat-card-header { mat-card-header {
display: flex; display: flex;
@ -11,6 +17,8 @@ mat-card.parent_mat_card > {
max-height:52vh; max-height:52vh;
overflow:auto; overflow:auto;
} }
.user-thumb { .user-thumb {
position: absolute; position: absolute;
bottom: -35%; bottom: -35%;
@ -66,3 +74,4 @@ mat-card .child_mat_card > mat-card {
} }
} }