Clean up CSS

nikos-py · Mar 10, 2023 · 4ec00d0 · 4ec00d0
1 parent 8bc1bca
commit 4ec00d0
Show file tree

Hide file tree

Showing 2 changed files with 29 additions and 20 deletions.
diff --git a/DiscordChatExporter.Core/Exporting/MessageGroupTemplate.cshtml b/DiscordChatExporter.Core/Exporting/MessageGroupTemplate.cshtml
@@ -455,7 +455,7 @@
                                 embed.Url;
 
                             <div class="chatlog__embed">
-                                <video class="chatlog__embed-generic-gifv" width="@embed.Video?.Width" height="@embed.Video?.Height" controls>
+                                <video class="chatlog__embed-generic-video" width="@embed.Video?.Width" height="@embed.Video?.Height" controls>
                                     <source src="@await ResolveAssetUrlAsync(embedVideoUrl)" alt="Embedded video">
                                 </video>
                             </div>
@@ -469,7 +469,7 @@
 
                             <div class="chatlog__embed">
                                 <video class="chatlog__embed-generic-gifv" width="@embed.Video?.Width" height="@embed.Video?.Height" loop onmouseover="this.play()" onmouseout="this.pause()">
-                                    <source src="@await ResolveAssetUrlAsync(embedVideoUrl)" alt="Embedded video">
+                                    <source src="@await ResolveAssetUrlAsync(embedVideoUrl)" alt="Embedded gifv">
                                 </video>
                             </div>
                         }

diff --git a/DiscordChatExporter.Core/Exporting/PreambleTemplate.cshtml b/DiscordChatExporter.Core/Exporting/PreambleTemplate.cshtml
@@ -622,24 +622,6 @@
             font-weight: 500;
         }
 
-        .chatlog__embed-generic-image {
-            object-fit: contain;
-            object-position: left;
-            max-width: 45vw;
-            max-height: 500px;
-            vertical-align: top;
-            border-radius: 3px;
-        }
-
-        .chatlog__embed-generic-gifv {
-            object-fit: contain;
-            object-position: left;
-            max-width: 45vw;
-            max-height: 500px;
-            vertical-align: top;
-            border-radius: 3px;
-        }
-
         .chatlog__embed-invite-container {
             min-width: 320px;
             padding: 0.6rem 0.7rem;
@@ -690,6 +672,33 @@
             font-weight: 600;
         }
 
+        .chatlog__embed-generic-image {
+            object-fit: contain;
+            object-position: left;
+            max-width: 45vw;
+            max-height: 500px;
+            vertical-align: top;
+            border-radius: 3px;
+        }
+
+        .chatlog__embed-generic-video {
+            object-fit: contain;
+            object-position: left;
+            max-width: 45vw;
+            max-height: 500px;
+            vertical-align: top;
+            border-radius: 3px;
+        }
+
+        .chatlog__embed-generic-gifv {
+            object-fit: contain;
+            object-position: left;
+            max-width: 45vw;
+            max-height: 500px;
+            vertical-align: top;
+            border-radius: 3px;
+        }
+
         .chatlog__embed-spotify {
             border: 0;
         }