CBSNexora/cbsnexora
4
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

WEB-235: Correct layout of Individual Collection Sheet (#2623)

Browse Source
This commit is contained in:
Shubham Kumar
2025-09-02 01:10:35 -06:00
committed by GitHub
parent 6ee9f4d4d2
commit 6b8851fe79
1 changed files with 31 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/collections/individual-collection-sheet/individual-collection-sheet.component.scss
+31
View File
@@ -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 {