Use ellipsis + tooltip combo to fix layout on long string

2022-06-09 15:58:49 +02:00
parent cedb8d20c4
commit db9f9a2fab
10 changed files with 57 additions and 15 deletions
--- a/frontend/src/app/components/pool-ranking/pool-ranking.component.scss
+++ b/frontend/src/app/components/pool-ranking/pool-ranking.component.scss
@@ -92,6 +92,7 @@
    margin-bottom: 10px;
  }
  .item {
+    max-width: 160px;
    width: 50%;
    display: inline-block;
    margin: 0px auto 20px;
@@ -117,6 +118,9 @@
    .card-title {
      font-size: 1rem;
      color: #4a68b9;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
    }
    .card-text {
      font-size: 18px;