UI changes

This commit is contained in:
venbatechnologies@gmail.com 2019-01-02 15:12:09 +05:30
parent 51d6012e37
commit fc6cebb0ca
43 changed files with 191 additions and 356 deletions

File diff suppressed because it is too large Load Diff

View File

@ -61,6 +61,7 @@
"ngx-mat-select-search": "^1.3.1", "ngx-mat-select-search": "^1.3.1",
"ngx-perfect-scrollbar": "5.0.0-7", "ngx-perfect-scrollbar": "5.0.0-7",
"ngx-viewer": "^1.0.1", "ngx-viewer": "^1.0.1",
"node-sass": "^4.11.0",
"perfect-scrollbar": "^1.3.0", "perfect-scrollbar": "^1.3.0",
"quill": "^1.2.0", "quill": "^1.2.0",
"rxjs": "^6.3.1", "rxjs": "^6.3.1",

View File

@ -12,7 +12,7 @@
mat-form-field { mat-form-field {
margin: 0 2%; margin: 0 2%;
} }
.cdk-global-overlay-wrapper{ ::ng-deep .cdk-global-overlay-wrapper{
justify-content: center !important; justify-content: center !important;
} }
$base-card-box-shadow:1.5px 2.6px 24px 0 rgba(0, 35, 136, 0.08) !important; $base-card-box-shadow:1.5px 2.6px 24px 0 rgba(0, 35, 136, 0.08) !important;

View File

@ -15,6 +15,9 @@ tr.mat-footer-row {
border-top: 1px solid #e0e0e0; border-top: 1px solid #e0e0e0;
} }
::ng-deep .cdk-global-overlay-wrapper{
justify-content: center !important;
}
.mat-form-field { .mat-form-field {
width: 100%; width: 100%;
} }

View File

@ -8,6 +8,9 @@
.mat-card-actions { .mat-card-actions {
background-color: white; background-color: white;
} }
::ng-deep .cdk-global-overlay-wrapper{
justify-content: center !important;
}
mat-form-field { mat-form-field {
margin: 0 2%; margin: 0 2%;

View File

@ -9,7 +9,9 @@
color: white; color: white;
} }
::ng-deep .cdk-global-overlay-wrapper{
justify-content: center !important;
}
.paragraph_change { .paragraph_change {
color: #fff !important; color: #fff !important;
background-color: #e00201 !important; background-color: #e00201 !important;

View File

@ -30,7 +30,9 @@
} }
::ng-deep .cdk-global-overlay-wrapper{
justify-content: center !important;
}
.paragraph_change { .paragraph_change {
color: #fff !important; color: #fff !important;

View File

@ -8,6 +8,9 @@
.mat-card-actions { .mat-card-actions {
background-color: white; background-color: white;
} }
::ng-deep .cdk-global-overlay-wrapper{
justify-content: center !important;
}
mat-form-field { mat-form-field {
margin: 0 2%; margin: 0 2%;

View File

@ -28,7 +28,9 @@
.mat-card-actions { .mat-card-actions {
background-color: white; background-color: white;
} }
::ng-deep .cdk-global-overlay-wrapper{
justify-content: center !important;
}
mat-form-field { mat-form-field {
margin: 0 2%; margin: 0 2%;
} }

View File

@ -6,4 +6,7 @@ mat-form-field {
.paragraph_change { .paragraph_change {
color: #fff !important; color: #fff !important;
background-color: #e00201 !important; background-color: #e00201 !important;
} }
::ng-deep .cdk-global-overlay-wrapper{
justify-content: center !important;
}

View File

@ -11,4 +11,7 @@
.example-margin { .example-margin {
margin: 0 10px; margin: 0 10px;
} }
::ng-deep .cdk-global-overlay-wrapper{
justify-content: center !important;
}

View File

@ -19,7 +19,9 @@
background: #62B013; background: #62B013;
color: white; color: white;
} }
::ng-deep .cdk-global-overlay-wrapper{
justify-content: center !important;
}
.paragraph_change { .paragraph_change {
color: #fff !important; color: #fff !important;
background-color: #e00201 !important; background-color: #e00201 !important;

View File

@ -21,7 +21,9 @@
// background: #62B013; // background: #62B013;
// color: white; // color: white;
// } // }
::ng-deep .cdk-global-overlay-wrapper{
justify-content: center !important;
}
.paragraph_change { .paragraph_change {
color: #fff !important; color: #fff !important;

View File

@ -6,6 +6,9 @@
color: #fff !important; color: #fff !important;
background-color: #e00201 !important; background-color: #e00201 !important;
} }
::ng-deep .cdk-global-overlay-wrapper{
justify-content: center !important;
}
// ::ng-deep .cdk-overlay-pane{ // ::ng-deep .cdk-overlay-pane{
// max-width: 100vw !important; // max-width: 100vw !important;
// width: 100% !important; // width: 100% !important;

View File

@ -21,7 +21,9 @@
.underline input { .underline input {
border: none; border: none;
} }
::ng-deep .cdk-global-overlay-wrapper{
justify-content: center !important;
}
.greenhighlight { .greenhighlight {
color: green; color: green;
} }

View File

@ -23,4 +23,7 @@
.p-text { .p-text {
color:#e00201 !important; color:#e00201 !important;
font-weight: bold; font-weight: bold;
} }
::ng-deep .cdk-global-overlay-wrapper{
justify-content: center !important;
}

View File

@ -9,7 +9,9 @@
// margin: 0 2%; // margin: 0 2%;
// width:100%; // width:100%;
// } // }
::ng-deep .cdk-global-overlay-wrapper{
justify-content: center !important;
}
.paragraph_change { .paragraph_change {
color: #fff !important; color: #fff !important;
background-color: #e00201 !important; background-color: #e00201 !important;

View File

@ -21,7 +21,9 @@
color: white; color: white;
} }
::ng-deep .cdk-global-overlay-wrapper{
justify-content: center !important;
}
.paragraph_change { .paragraph_change {
color: #fff !important; color: #fff !important;
background-color: #e00201 !important; background-color: #e00201 !important;

View File

@ -26,8 +26,7 @@
</div> </div>
</mat-card-header> </mat-card-header>
<mat-card-content formArrayName="neighbourhood_list" *ngIf="_neighbourhoodForm.controls.check_type.value==0"> <mat-card-content formArrayName="neighbourhood_list" *ngIf="_neighbourhoodForm.controls.check_type.value==0">
<mat-card *ngFor="let neighbourhood of _neighbourhoodForm.controls.neighbourhood_list['controls']; let n = index;" [formGroupName]="n"> <mat-card-content *ngFor="let neighbourhood of _neighbourhoodForm.controls.neighbourhood_list['controls']; let n = index;" [formGroupName]="n">
<mat-card-content>
<mat-form-field style="width: 42%"> <mat-form-field style="width: 42%">
<input matInput autocomplete="off" placeholder="Neighbour Name" formControlName="neighbourhood_name" type="text"> <input matInput autocomplete="off" placeholder="Neighbour Name" formControlName="neighbourhood_name" type="text">
</mat-form-field> </mat-form-field>
@ -51,7 +50,7 @@
matTooltip="Remove Neighbourhood" matTooltipPosition="above" class="mr-1 mb-1 hover-icon" *ngIf="n!=0"> matTooltip="Remove Neighbourhood" matTooltipPosition="above" class="mr-1 mb-1 hover-icon" *ngIf="n!=0">
<mat-icon>delete</mat-icon></button> <mat-icon>delete</mat-icon></button>
</mat-card-content> </mat-card-content>
</mat-card>
</mat-card-content> </mat-card-content>
<mat-card-content formArrayName="referencecheck_list" *ngIf="_neighbourhoodForm.controls.check_type.value==1"> <mat-card-content formArrayName="referencecheck_list" *ngIf="_neighbourhoodForm.controls.check_type.value==1">
<mat-card *ngFor="let reference of _neighbourhoodForm.controls.referencecheck_list['controls']; let r = index;" [formGroupName]="r"> <mat-card *ngFor="let reference of _neighbourhoodForm.controls.referencecheck_list['controls']; let r = index;" [formGroupName]="r">

View File

@ -18,4 +18,7 @@
.example-radio-button { .example-radio-button {
margin: 0 4%; margin: 0 4%;
color: #000 !important color: #000 !important
} }
::ng-deep .cdk-global-overlay-wrapper{
justify-content: center !important;
}

View File

@ -16,7 +16,9 @@
// background: #62B013; // background: #62B013;
// color: white; // color: white;
// } // }
::ng-deep .cdk-global-overlay-wrapper{
justify-content: center !important;
}
.paragraph_change { .paragraph_change {
color: #fff !important; color: #fff !important;
background-color: #e00201 !important; background-color: #e00201 !important;

View File

@ -12,7 +12,9 @@
mat-form-field { mat-form-field {
margin: 0 2%; margin: 0 2%;
} }
::ng-deep .cdk-global-overlay-wrapper{
justify-content: center !important;
}
$base-card-box-shadow:1.5px 2.6px 24px 0 rgba(0, 35, 136, 0.08) !important; $base-card-box-shadow:1.5px 2.6px 24px 0 rgba(0, 35, 136, 0.08) !important;
$product-bg-color-hover: rgba(103, 58, 183, 0.7); $product-bg-color-hover: rgba(103, 58, 183, 0.7);
.p-list-main { .p-list-main {

View File

@ -25,7 +25,9 @@
// width: 45%; // width: 45%;
// margin: 0 2%; // margin: 0 2%;
// } // }
::ng-deep .cdk-global-overlay-wrapper{
justify-content: center !important;
}
.paragraph_change { .paragraph_change {
color: #fff !important; color: #fff !important;
background-color: #e00201 !important; background-color: #e00201 !important;

View File

@ -24,6 +24,9 @@
.mat-card-content { .mat-card-content {
background-color: white; background-color: white;
} }
::ng-deep .cdk-global-overlay-wrapper{
justify-content: center !important;
}
.mat-card-actions { .mat-card-actions {
background-color: white; background-color: white;
} }

View File

@ -7,6 +7,9 @@
.mat-purple{ .mat-purple{
background-color: gray !important; background-color: gray !important;
} }
.cdk-global-overlay-wrapper{
justify-content: center !important;
}
mat-card.parent_mat_card > { mat-card.parent_mat_card > {
mat-card-header { mat-card-header {
display: flex; display: flex;

0
ng6-seed/src/app/shared/rating/rating.component.html Normal file → Executable file
View File

0
ng6-seed/src/app/shared/rating/rating.component.scss Normal file → Executable file
View File

View File

0
ng6-seed/src/app/shared/rating/rating.component.ts Normal file → Executable file
View File