Add left/right to editor & README.

README.md

@@ -257,7 +257,7 @@ live:
 
 | Option | Default | Overridable | Description |
 | - | - | - | - |
-| `mode` | `none` | :white_check_mark: | Whether to show the thumbnail carousel `below` the media, `above` the media or to hide it entirely (`none`).|
+| `mode` | `none` | :white_check_mark: | Whether to show the thumbnail carousel `below` the media, `above` the media, in a drawer to the `left` or `right` of the media or to hide it entirely (`none`).|
 | `size` | `100px` | :white_check_mark: | The size of the thumbnails in the thumbnail carousel [in CSS Units](https://www.w3schools.com/cssref/css_units.asp).|
 | `show_details` | `false` | :white_check_mark: | Whether to show event details (e.g. duration, start time, object detected, etc) alongside the thumbnail.|
 | `media` | `clips` | :white_check_mark: | Whether to show `clips` or `snapshots` in the thumbnail carousel in the `live` view.|
@@ -341,7 +341,7 @@ event_viewer:
 
 | Option | Default | Overridable | Description |
 | - | - | - | - |
-| `mode` | `none` | :heavy_multiplication_x: | Whether to show the thumbnail carousel `below` the media, `above` the media or to hide it entirely (`none`).|
+| `mode` | `none` | :heavy_multiplication_x: | Whether to show the thumbnail carousel `below` the media, `above` the media, in a drawer to the `left` or `right` of the media or to hide it entirely (`none`).|
 | `size` | `100px` | :heavy_multiplication_x: | The size of the thumbnails in the thumbnail carousel [in CSS Units](https://www.w3schools.com/cssref/css_units.asp).|
 | `show_details` | `false` | :heavy_multiplication_x: | Whether to show event details (e.g. duration, start time, object detected, etc) alongside the thumbnail.|
 

src/editor.ts

@@ -262,6 +262,14 @@ export class FrigateCardEditor extends LitElement implements LovelaceCardEditor
       value: 'below',
       label: localize('config.event_viewer.controls.thumbnails.modes.below'),
     },
+    {
+      value: 'left',
+      label: localize('config.event_viewer.controls.thumbnails.modes.left'),
+    },
+    {
+      value: 'right',
+      label: localize('config.event_viewer.controls.thumbnails.modes.right'),
+    },
   ];
 
   protected _thumbnailMedias = [

src/localize/languages/en.json

@@ -80,6 +80,8 @@
           "modes": {
             "below": "Thumbnails below the media",
             "above": "Thumbnails above the media",
+            "left": "Thumbnails in a drawer left of the media",
+            "right": "Thumbnails in a drawer right of the media",
             "none": "No thumbnails"
           }
         },