wip

package.json

@@ -9,6 +9,7 @@
     },
     "dependencies": {
         "@flareapp/ignition-ui": "^2.0.0",
+        "@tailwindcss/line-clamp": "^0.3.0",
         "date-fns": "^2.21.3",
         "downshift": "^6.1.3",
         "git-url-parse": "^11.4.4",

resources/compiled/ignition.css

@@ -1017,6 +1017,14 @@ pre.sf-dump .sf-dump-ellipsis{
   left: 50%;
 }
 
+.top-0{
+  top: 0px;
+}
+
+.right-0{
+  right: 0px;
+}
+
 .left-0{
   left: 0px;
 }
@@ -1025,10 +1033,6 @@ pre.sf-dump .sf-dump-ellipsis{
   left: 2rem;
 }
 
-.top-0{
-  top: 0px;
-}
-
 .top-2\.5{
   top: 0.625rem;
 }
@@ -1041,10 +1045,6 @@ pre.sf-dump .sf-dump-ellipsis{
   right: 50%;
 }
 
-.right-0{
-  right: 0px;
-}
-
 .left-4{
   left: 1rem;
 }
@@ -1182,6 +1182,14 @@ pre.sf-dump .sf-dump-ellipsis{
   margin-bottom: 1.5rem;
 }
 
+.mt-1{
+  margin-top: 0.25rem;
+}
+
+.mr-2{
+  margin-right: 0.5rem;
+}
+
 .-mt-6{
   margin-top: -1.5rem;
 }
@@ -1214,10 +1222,6 @@ pre.sf-dump .sf-dump-ellipsis{
   margin-left: 1.5rem;
 }
 
-.mr-2{
-  margin-right: 0.5rem;
-}
-
 .mt-4{
   margin-top: 1rem;
 }
@@ -1430,6 +1434,10 @@ pre.sf-dump .sf-dump-ellipsis{
   transform: var(--tw-transform);
 }
 
+.cursor-default{
+  cursor: default;
+}
+
 .cursor-pointer{
   cursor: pointer;
 }
@@ -1821,6 +1829,10 @@ pre.sf-dump .sf-dump-ellipsis{
   padding-right: 0.5rem;
 }
 
+.pr-12{
+  padding-right: 3rem;
+}
+
 .pr-10{
   padding-right: 2.5rem;
 }
@@ -2087,6 +2099,24 @@ pre.sf-dump .sf-dump-ellipsis{
   transition-duration: 500ms;
 }
 
+.line-clamp-2{
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+}
+
+.line-clamp-3{
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 3;
+}
+
+.line-clamp-none{
+  -webkit-line-clamp: unset;
+}
+
 .first-letter\:uppercase::first-letter{
   text-transform: uppercase;
 }