Fixed compatibility problems with newer node/npm

Improved full-height post page style

CHANGELOG.md

@@ -13,6 +13,12 @@
 - Research if VACUUMing has any value
 - search md5/sha
 
+# v1.4.6
+
+- Fixed compatibility problems with newer node/npm
+- Improved full-height post page style
+
+
 # v1.4.4
 
 - Updated for Hydrus v447

client/globals.scss

@@ -7,6 +7,10 @@
   scrollbar-color: light;
 }
 
+html {
+  height: 100%;
+}
+
 :root {
   --page-background: white;
   --text-color: black;

client/routes/post/PostPage.scss

@@ -24,15 +24,15 @@
 
   .content {
     height: 100%;
+    align-self: flex-start;
     text-align: center;
     display: flex;
     align-items: center;
 
     .fileWrap {
       position: relative;
       flex: 1;
-      height: 100%;
-      align-self: flex-start;
+      align-self: stretch;
       padding: 1rem;
       display: flex;
 
@@ -79,6 +79,13 @@
   }
 
   &.fullHeight {
+    height: unset;
+
+    .content {
+      height: fit-content;
+      min-height: 100vh;
+    }
+
     .fileWrap {
       .File {
         max-height: unset !important;
@@ -93,8 +100,12 @@
       position: absolute;
     }
 
-    .sidebar {
-      height: unset;
+    &:not(.mobile) {
+      .sidebar {
+        height: unset;
+        min-height: 100vh;
+      }
     }
   }
 }
+

package.json

@@ -1,7 +1,7 @@
 {
 	"name": "hybooru",
 	"description": "Hydrus-based booru-styled imageboard in React",
-	"version": "1.4.5",
+	"version": "1.4.6-dev",
 	"engines": {
 		"node": ">=14.0.0",
 		"npm": ">=7.0.0"
@@ -24,7 +24,7 @@
 		"axios": "^0.21.1",
 		"better-sqlite3": "^7.1.4",
 		"body-parser": "^1.19.0",
-		"chalk": "latest",
+		"chalk": "^4.1.0",
 		"compression": "^1.7.4",
 		"cookie-parser": "^1.4.5",
 		"csurf": "^1.11.0",