Last batch of bugfixes (#1262)

* Refactored code to show action bar instead of drawer in immersive mode

* Card grid

* adding margin for pagination gap

* Fixed a rare routing case that wouldn't redirect

* Fixed a bug where series detail would show blank filtering

* Fixing image scaling and library card spacing

* Refactored some methods to be static

* Adding card grid to series detail

* Fixed a bug with webtoon going to non-webtoon mode, resulting in black screen.

* Ensure emails are trimmed when trying to invite.

* Don't show More In if there is only 1 item in there on library recommended tab

* Fixed some bugs around locking metadata fields where the correct param wasn't being sent to backend.

* Added some UI error messaging when the email doesn't match the confirm-email (or rather any email in the system).

* Fixed some pages where actions weren't working (library detail) and removed some actionable buttons where they didn't make sense

* Refactored the series detail to use Robbie's new grid system.

* some styling fixes

* Styling fixes

- Removing select border gap
- fixing switches on lite theme
- fixing search result text-light

* better css var naming

* changing search lite text color override

* fixing as per feedback

* Removing boolean from being visible in bookreader

* Fixed some bugs in bulk operations not being visible on light/eink screens. Added --bulk-selection-highlight-text-color and --bulk-selection-text-color.

Co-authored-by: Robbie Davis <robbie@therobbiedavis.com>

UI/Web/src/theme/components/_card.scss

@@ -3,6 +3,7 @@
     color: var(--card-text-color);
     border-color: var(--card-border-color);
     position: relative;
+    border: var(--card-border);
 
     .card-overlay {
         background-color: var(--card-overlay-bg-color);

UI/Web/src/theme/themes/dark.scss

@@ -184,7 +184,9 @@
     /* Card */
     --card-bg-color: rgba(22,27,34,0.5);
     --card-text-color: var(--body-text-color);
-    --card-border-color: rgba(239, 239, 239, 0.125);
+    --card-border-width: 0 1px 1px 1px;
+    --card-border-style: solid;
+    --card-border-color: transparent;
     --card-progress-bar-color: var(--primary-color);
     --card-overlay-bg-color: rgba(0, 0, 0, 0);
     --card-overlay-hover-bg-color: rgba(0, 0, 0, 0.2);
@@ -223,4 +225,12 @@
     --event-widget-text-color: var(--body-text-color);
     --event-widget-item-border-color: rgba(53, 53, 53, 0.5);
     --event-widget-border-color: rgba(1, 4, 9, 0.5);
+
+    /* Search */
+    --search-result-text-lite-color: initial;
+
+    /* Bulk Selection */
+    --bulk-selection-text-color: var(--navbar-text-color);
+    --bulk-selection-highlight-text-color: var(--primary-color);
+
   }

UI/Web/src/theme/themes/e-ink.scss

@@ -19,7 +19,7 @@
   /* Inputs */
   --input-bg-color: #fff;
   --input-focused-border-color: #ccc;
-  --input-bg-readonly-color: unset;
+  --input-bg-readonly-color: rgba(0,0,0,0.2);
   --input-placeholder-color: #aeaeae;
   --input-border-color: #ccc;
   --input-range-color: var(--primary-color);
@@ -113,6 +113,8 @@
 
   /* Card */
   --card-text-color: #000;
+  --card-border-width: 0 1px 1px 1px;
+  --card-border-style: solid;
   --card-border-color: #ccc;
   --card-progress-bar-color: var(--primary-color);
   --card-overlay-hover-bg-color: rgba(0, 0, 0, 0.2);
@@ -178,4 +180,10 @@
   --popover-bg-color: lightgrey;
   --popover-border-color: lightgrey;
 
+  /* Search */
+  --search-result-text-lite-color: rgba(0,0,0,1);
+
+  /* Bulk Selection */
+  --bulk-selection-text-color: white;
+  --bulk-selection-highlight-text-color: white;
 }

UI/Web/src/theme/themes/light.scss

@@ -19,7 +19,7 @@
     /* Inputs */
     --input-bg-color: #fff;
     --input-focused-border-color: #ccc;
-    --input-bg-readonly-color: unset;
+    --input-bg-readonly-color: rgba(0,0,0,0.2);
     --input-placeholder-color: #aeaeae;
     --input-border-color: #ccc;
     --input-range-color: var(--primary-color);
@@ -114,6 +114,8 @@
 
     /* Card */
     --card-text-color: #000;
+    --card-border-width: 0 1px 1px 1px;
+    --card-border-style: solid;
     --card-border-color: #ccc;
     --card-progress-bar-color: var(--primary-color);
     --card-overlay-bg-color: rgba(0, 0, 0, 0);
@@ -122,7 +124,7 @@
     /* List items */
     --list-group-item-text-color: var(--body-text-color);
     --list-group-item-bg-color: white;
-    --list-group-hover-text-color: inherit;
+    --list-group-hover-text-color: var(--body-text-color);
     --list-group-hover-bg-color: #eaeaea;
     --list-group-item-border-color: rgba(239, 239, 239, 0.125);
     --list-group-active-border-color: none;
@@ -192,4 +194,10 @@
     --accordion-button-focus-border-color: rgba(74, 198, 148, 0.9);
     --accordion-button-focus-box-shadow: unset;
 
+    /* Search */
+    --search-result-text-lite-color: rgba(0,0,0,1);
+
+    /* Bulk Selection */
+  --bulk-selection-text-color: var(--navbar-text-color);
+  --bulk-selection-highlight-text-color: var(--primary-color);
   }