Clip overflowing labels in pool component on mobile

2023-03-29 15:09:38 +09:00
parent 5977251a20
commit 7ab373ecac
2 changed files with 33 additions and 25 deletions
--- a/frontend/src/app/components/pool/pool.component.scss
+++ b/frontend/src/app/components/pool/pool.component.scss
@@ -188,11 +188,19 @@ div.scrollable {
  }
 }

-.block-count-title {
+.data-title {
  color: #4a68b9;
  font-size: 14px;
 }

+.clip {
+  @media (max-width: 576px) {
+    max-width: 85px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+}
+
 .table-data tr {
  background-color: transparent;
 }