Add text truncation component

2023-01-05 11:00:08 -06:00
parent 05a8154db0
commit 44147f5976
4 changed files with 51 additions and 0 deletions
--- a/frontend/src/app/shared/components/truncate/truncate.component.scss
+++ b/frontend/src/app/shared/components/truncate/truncate.component.scss
@@ -0,0 +1,22 @@
+.truncate {
+  text-overflow: unset;
+  display: flex;
+  flex-direction: row;
+  align-items: baseline;
+
+  &.rtl {
+    flex-direction: row-reverse;
+  }
+
+  .first {
+    flex-grow: 0;
+    flex-shrink: 1;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+
+  .last-four {
+    flex-shrink: 0;
+    flex-grow: 0;
+  }
+}