From 6b8851fe790977f1f27f790356fd5ea1b266eae3 Mon Sep 17 00:00:00 2001 From: Shubham Kumar Date: Tue, 2 Sep 2025 12:40:35 +0530 Subject: [PATCH] WEB-235: Correct layout of Individual Collection Sheet (#2623) --- ...individual-collection-sheet.component.scss | 31 +++++++++++++++++++ 1 file changed, 31 insertions(+) diff --git a/src/app/collections/individual-collection-sheet/individual-collection-sheet.component.scss b/src/app/collections/individual-collection-sheet/individual-collection-sheet.component.scss index 9528e8ec8..00c47ef4b 100644 --- a/src/app/collections/individual-collection-sheet/individual-collection-sheet.component.scss +++ b/src/app/collections/individual-collection-sheet/individual-collection-sheet.component.scss @@ -1,5 +1,6 @@ .container { max-width: 37em; + padding: 20px; .margin-v { margin: 1em 0; @@ -12,6 +13,36 @@ .margin-t { margin-top: 1em; } + + // Form field underlines for light mode + ::ng-deep .mat-form-field.mat-form-field .mat-form-field-underline { + background-color: rgb(0 0 0 / 42%); + } + + ::ng-deep .mat-mdc-form-field.mat-mdc-form-field .mat-mdc-form-field-bottom-align::before { + border-bottom-color: rgb(0 0 0 / 42%); + } + + ::ng-deep .mat-mdc-form-field.mat-mdc-form-field .mdc-line-ripple::before, + ::ng-deep .mat-mdc-form-field.mat-mdc-form-field .mdc-line-ripple::after { + border-bottom-color: rgb(0 0 0 / 42%); + } +} + +// Dark theme form field underlines +.dark-theme .container { + ::ng-deep .mat-form-field.mat-form-field .mat-form-field-underline { + background-color: rgb(255 255 255 / 70%); + } + + ::ng-deep .mat-mdc-form-field.mat-mdc-form-field .mat-mdc-form-field-bottom-align::before { + border-bottom-color: rgb(255 255 255 / 70%); + } + + ::ng-deep .mat-mdc-form-field.mat-mdc-form-field .mdc-line-ripple::before, + ::ng-deep .mat-mdc-form-field.mat-mdc-form-field .mdc-line-ripple::after { + border-bottom-color: rgb(255 255 255 / 70%); + } } .showcollectionsheet {