Misc Stuff (#2917)

Co-authored-by: Robbie Davis <robbie@therobbiedavis.com>
Co-authored-by: Fesaa <77553571+Fesaa@users.noreply.github.com>

UI/Web/src/app/_models/metadata/series-filter.ts

@@ -24,7 +24,8 @@ export enum SortField {
   /**
    * Kavita+ only
    */
-  AverageRating = 8
+  AverageRating = 8,
+  Random = 9
 }
 
 export const allSortFields = Object.keys(SortField)

UI/Web/src/app/_pipes/sort-field.pipe.ts

@@ -29,6 +29,8 @@ export class SortFieldPipe implements PipeTransform {
         return this.translocoService.translate('sort-field-pipe.read-progress');
       case SortField.AverageRating:
         return this.translocoService.translate('sort-field-pipe.average-rating');
+      case SortField.Random:
+        return this.translocoService.translate('sort-field-pipe.random');
     }
 
   }

UI/Web/src/app/app.component.scss

@@ -21,7 +21,7 @@
     .content-wrapper {
         padding: 0 5px 0;
         overflow: hidden;
-        height: calc(100vh - 56px);
+        height: calc(var(--vh)*100 - 56px);
 
         &.closed {
             overflow: auto;

UI/Web/src/app/nav/_components/grouped-typeahead/grouped-typeahead.component.scss

@@ -99,7 +99,7 @@ form {
 
 .dropdown {
     width: 100vw;
-    height: calc(100vh - 56px); //header offset
+    height: calc(var(--vh)*100 - 56px); //header offset
     background: var(--dropdown-overlay-color);
     position: fixed;
     justify-content: center;

UI/Web/src/assets/langs/en.json

@@ -1745,7 +1745,8 @@
         "time-to-read": "Time to Read",
         "release-year": "Release Year",
         "read-progress": "Last Read",
-        "average-rating": "Average Rating"
+        "average-rating": "Average Rating",
+        "random": "Random"
     },
 
     "edit-series-modal": {