Add snippet for fixing message component size

Davr1 · Davr1 · commit a6ce0d4c5c9c · 2022-01-22T14:03:09.000+01:00
diff --git a/README.md b/README.md
@@ -85,6 +85,10 @@ Script used for generating the css: [https://gist.github.com/Davr1/42e64ec0b2ae4
 
 ---
 
+### [Fix message component scaling](/snippets/message_component_scaling.css?raw=true)
+
+![](https://cdn.discordapp.com/attachments/692065688524816475/934430983934050374/unknown.png)
+
 # Other
 
 ### ~~[Channel view switch](/snippets/channel_view_switch.css?raw=true)~~ [DEPRECATED](https://github.com/Discord-Datamining/Discord-Datamining/commit/b1817ee338fd46ca49bed78c543eebf054380761#commitcomment-64133576)
diff --git a/snippets/message_component_scaling.css b/snippets/message_component_scaling.css
@@ -0,0 +1,17 @@
+:is(.messageAttachment-CZp8Iv>a, .embedWrapper-1MtIDg>a, .embedWrapper-1MtIDg>div>a) {
+    height: auto !important;
+}
+:is(.messageAttachment-CZp8Iv>a>img, .embedWrapper-1MtIDg>div>a>img, .embedWrapper-1MtIDg>a>img) {
+    max-width: 100% !important;
+    height: auto !important;
+    position: unset;
+}
+.embedWrapper-1MtIDg {
+    width: auto !important;
+}
+.wrapper-1HIH0j {
+    width: clamp(172px, 100%, 432px);
+}
+.wrapper-3-JZ_Z {
+    width: clamp(248px, 100%, 432px);
+}
