fix(chip): text overflow

Satellite-im · Jun 17, 2022 · a222ad3 · a222ad3
1 parent b0ead5b
commit a222ad3
Showing 1 changed file with 9 additions and 1 deletion.
diff --git a/components/interactables/Chip/Chip.vue b/components/interactables/Chip/Chip.vue
@@ -56,17 +56,25 @@ export default Vue.extend({
   .fa-times {
     cursor: pointer;
   }
+
   display: inline-flex;
   flex-shrink: 0;
   flex-direction: row;
   align-items: center;
   padding: @xlight-spacing;
   border-radius: @corner-rounding-xxlarge;
   color: white;
-  line-height: 0;
+  max-width: 100%;
+
+  .circle,
+  .delete-icon {
+    flex-shrink: 0;
+  }
 
   .text {
     margin: 0 0.125rem 0 @xlight-spacing;
+    &:extend(.ellipsis);
+    align-self: stretch;
   }
 
   &.size-small {