fix: description length + package-container height (#316)

fraxken · web-flow · commit dd8e7ed89d1d · 2023-12-05T23:48:33.000+01:00
diff --git a/public/components/package/header/header.js b/public/components/package/header/header.js
@@ -63,7 +63,8 @@ export class PackageHeader {
       descriptionDomElement.style.display = "none";
     }
     else {
-      descriptionDomElement.textContent = description;
+      descriptionDomElement.textContent =
+        description.length > 100 ? description.slice(0, 98) + "..." : description;
     }
 
     // Links
diff --git a/public/components/package/package.css b/public/components/package/package.css
@@ -29,7 +29,7 @@ section#package-info .package-container {
   border-radius: 0 0 8px 8px;
   overflow-y: auto;
   overflow-x: hidden;
-  height: calc(100vh - 300px);
+  height: calc(100vh - 315px);
 }
 
 section#package-info>.package-navigation>div {

Original file line number	Diff line number	Diff line change
`@@ -63,7 +63,8 @@ export class PackageHeader {`
`63`	`63`	`descriptionDomElement.style.display = "none";`
`64`	`64`	`}`
`65`	`65`	`else {`
`66`		`- descriptionDomElement.textContent = description;`
	`66`	`+ descriptionDomElement.textContent =`
	`67`	`+ description.length > 100 ? description.slice(0, 98) + "..." : description;`
`67`	`68`	`}`
`68`	`69`
`69`	`70`	`// Links`
Original file line number	Diff line number	Diff line change
`@@ -29,7 +29,7 @@ section#package-info .package-container {`
`29`	`29`	`border-radius: 0 0 8px 8px;`
`30`	`30`	`overflow-y: auto;`
`31`	`31`	`overflow-x: hidden;`
`32`		`- height: calc(100vh - 300px);`
	`32`	`+ height: calc(100vh - 315px);`
`33`	`33`	`}`
`34`	`34`
`35`	`35`	`section#package-info>.package-navigation>div {`