fix: Ensure long text content fits within mat-card element (#344)

Applied CSS styles to control the appearance of the text content within the mat-card element, preventing overflow issues. The text is now contained within a <div> element with a maximum height and scrolling capability for improved user experience.
block-core · May 23, 2024 · 5246be8 · 5246be8
1 parent 27489af
commit 5246be8
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/angular/src/app/sign/sign.component.css b/angular/src/app/sign/sign.component.css
@@ -17,3 +17,6 @@
 .verify-status {
   text-align: center;
 }
+.overflow-auto{
+  overflow: auto;
+}
diff --git a/angular/src/app/sign/sign.component.html b/angular/src/app/sign/sign.component.html
@@ -17,7 +17,7 @@
           </mat-select>
         </mat-form-field>
 
-        <mat-card class="selectable">{{ address.value }}</mat-card
+        <mat-card class="selectable overflow-auto">{{ address.value }}</mat-card
         ><br />
 
         <mat-form-field class="sign-full-width" appearance="fill">