Limit link text to 3 lines

AstarNetwork · Oct 22, 2024 · cea9c2e · cea9c2e
1 parent 00a7617
commit cea9c2e
Showing 1 changed file with 8 additions and 0 deletions.
diff --git a/src/components/governance/GovernanceLink.vue b/src/components/governance/GovernanceLink.vue
@@ -34,9 +34,17 @@ export default defineComponent({
  color: $astar-blue;
  align-items: center;
  gap: 8px;
+ max-height: 80px;
 }
 
 a {
  color: $astar-blue;
+ display: -webkit-box;
+ -webkit-box-orient: vertical;
+ -webkit-line-clamp: 3;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ max-height: 4.5em;
+ line-height: 1.5em;
 }
 </style>