Skip to content

Commit

Permalink
CSS chnages
Browse files Browse the repository at this point in the history
  • Loading branch information
NKOKKILIGADDA87 committed Jul 14, 2024
1 parent 4a6f584 commit fd8142b
Show file tree
Hide file tree
Showing 11 changed files with 96 additions and 62 deletions.
7 changes: 3 additions & 4 deletions src/app/app-modules/lab/workarea/workarea.component.css
Original file line number Diff line number Diff line change
Expand Up @@ -256,8 +256,7 @@ md-expansion-panel {
}

.mat_form_field {
margin-left: -15px;
margin-left: 13px;
margin-top: 40px;
min-width: 108%;

}
min-width: 100%;
}
126 changes: 77 additions & 49 deletions src/app/app-modules/lab/workarea/workarea.component.html
Original file line number Diff line number Diff line change
Expand Up @@ -99,14 +99,18 @@ <h5>{{ procedure.value.procedureName }}&nbsp;</h5>
<mat-card-content>
<section
class="container-fluid"
style="padding: unset !important"
#textboxChoice
*ngIf="
component.value.inputType === 'TextBox'
"
>
<div style="text-align: center" class="">
<mat-form-field
style="width: 93%; margin-left: -38px"
style="
width: 86% !important;
margin-left: -6px;
"
[ngClass]="{
'mat-input-invalid':
component.value.abnormal,
Expand Down Expand Up @@ -245,28 +249,36 @@ <h5>{{ procedure.value.procedureName }}&nbsp;</h5>
</mat-radio-button>
</mat-radio-group>
<div>
<mat-select
<mat-form-field
class=""
style="
margin-left: unset !important;
padding: unset;
"
*ngIf="
procedure.value.procedureName.includes(
'ECG'
) && enableEcgAbnormal
"
multiple
class="p-t-12"
[style.width]="'100%'"
formControlName="ecgAbnormalities"
style="line-height: unset"
placeholder="ECG Abnormalities"
required
>
<mat-option
*ngFor="
let option of ecgAbnormalities
"
[value]="option.ecgAbnormality"
>{{ option.ecgAbnormality }}
</mat-option>
</mat-select>
<mat-select
multiple
class="p-t-12"
[style.width]="'100%'"
formControlName="ecgAbnormalities"
style="line-height: unset"
placeholder="ECG Abnormalities"
required
>
<mat-option
*ngFor="
let option of ecgAbnormalities
"
[value]="option.ecgAbnormality"
>{{ option.ecgAbnormality }}
</mat-option>
</mat-select>
</mat-form-field>
</div>
</div>
</section>
Expand All @@ -277,43 +289,59 @@ <h5>{{ procedure.value.procedureName }}&nbsp;</h5>
"
>
<div>
<mat-select
class="p-t-12"
[style.width]="'100%'"
formControlName="compOptSelected"
style="line-height: unset"
placeholder="{{
current_language_set?.common?.result
}}"
[required]="
procedure.value.isMandatory ===
true &&
procedure.value.procedureName ===
testName &&
stripSelected === true
? true
: false ||
(procedure.value
.procedureName !==
testName &&
procedure.value
.isMandatory === true)
? true
: false
<mat-form-field
class="mat_form_field"
style="
margin-left: unset !important;
padding: unset;
margin-top: unset;
"
>
<mat-option
*ngFor="
let options of component?.controls
.compOpt?.controls
<mat-select
class="p-t-12"
[style.width]="'100%'"
formControlName="compOptSelected"
style="line-height: unset"
placeholder="{{
current_language_set?.common
?.result
}}"
[required]="
procedure.value.isMandatory ===
true &&
procedure.value.procedureName ===
testName &&
stripSelected === true
? true
: false ||
(procedure.value
.procedureName !==
testName &&
procedure.value
.isMandatory === true)
? true
: false
"
[value]="options.value.name"
>{{ options.value.name }}
</mat-option>
</mat-select>
>
<mat-option
*ngFor="
let options of component
?.controls.compOpt?.controls
"
[value]="options.value.name"
>{{ options.value.name }}
</mat-option>
</mat-select>
</mat-form-field>
</div>
</section>
<mat-form-field class="mat_form_field">
<mat-form-field
class="mat_form_field"
style="
margin-left: unset !important;
margin-top: 25px;
"
>
<input
autocomplete="off"
matInput
Expand Down
2 changes: 1 addition & 1 deletion src/app/app-modules/lab/worklist/worklist.component.html
Original file line number Diff line number Diff line change
Expand Up @@ -234,7 +234,7 @@
</table>
<div
class="pull-center"
style="margin-top: 30px; text-align: center"
style="margin-bottom: 15px; text-align: center"
[hidden]="dataSource.data.length > 0"
>
<strong>{{ current_language_set?.common?.noRecordsFound }}</strong>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -42,7 +42,7 @@
<div class="col-sm-12">
<mat-card>
<section class="table-responsive" style="padding-bottom: 30px">
<div class="mat-elevation-z8 responsiveTable">
<div class="responsiveTable">
<table
mat-table
[dataSource]="dataSource"
Expand Down Expand Up @@ -287,7 +287,7 @@
</div>
<div
class="pull-center"
style="margin-top: 35px; text-align: center"
style="margin-bottom: 15px; text-align: center; margin-top: 15px"
[hidden]="dataSource.data.length > 0"
>
<strong>{{ current_language_set?.common?.noRecordsFound }}</strong>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -353,7 +353,7 @@
</div>
<div
class="pull-center"
style="margin-top: 35px; text-align: center"
style="margin-bottom: 15px; text-align: center"
[hidden]="dataSource.data.length > 0"
>
<strong>{{ currentLanguageSet?.common?.noRecordsFound }}</strong>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -233,7 +233,7 @@
</div>
<div
class="pull-center"
style="margin-top: 35px; text-align: center"
style="margin-bottom: 15px; text-align: center"
[hidden]="dataSource.data.length > 0"
>
<strong>{{ currentLanguageSet?.common?.noRecordsFound }}</strong>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -260,7 +260,7 @@
</div>
<div
class="pull-center"
style="margin-top: 35px; text-align: center"
style="margin-bottom: 15px; text-align: center"
[hidden]="dataSource.data.length > 0"
>
<strong>{{ currentLanguageSet?.common?.noRecordsFound }}</strong>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -274,7 +274,7 @@
</div>
<div
class="pull-center"
style="margin-top: 35px; text-align: center"
style="margin-bottom: 15px; text-align: center"
[hidden]="dataSource.data.length > 0"
>
<strong>{{ currentLanguageSet?.common?.noRecordsFound }}</strong>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -233,7 +233,7 @@
</div>
<div
class="pull-center"
style="margin-top: 35px; text-align: center"
style="margin-bottom: 15px; text-align: center"
[hidden]="dataSource.data.length > 0"
>
<strong>{{ currentLanguageSet?.common?.noRecordsFound }}</strong>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -235,7 +235,7 @@
</table>
<div
class="pull-center"
style="margin-top: 30px; text-align: center"
style="margin-bottom: 15px; text-align: center"
[hidden]="dataSource.data.length > 0"
>
<strong>{{ currentLanguageSet?.common?.noRecordsFound }}</strong>
Expand Down
7 changes: 7 additions & 0 deletions src/styles.css
Original file line number Diff line number Diff line change
Expand Up @@ -753,3 +753,10 @@ control.mat-mdc-form-field-input-control {
.mdc-text-field--outlined .mdc-notched-outline {
height: 40px !important;
}
.mdc-text-field--filled.mdc-text-field--disabled .mdc-line-ripple::before {
border-bottom-color: var(--mdc-filled-text-field-active-indicator-color) !important;
border-bottom-style: dotted !important;
/* background-color: transparent !important;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%) !important;
*/
}

0 comments on commit fd8142b

Please sign in to comment.