From 45057a4688f9ee0ab405923b6ef45c1c0d569ca7 Mon Sep 17 00:00:00 2001
From: zubiden <19638254+zubiden@users.noreply.github.com>
Date: Sun, 20 Oct 2024 18:54:02 +0200
Subject: [PATCH] Ads: Fix text color and media width (#5062)

---
 src/components/middle/composer/AttachmentModal.tsx  |  1 -
 src/components/middle/composer/DropTarget.tsx       |  1 -
 src/components/middle/message/SponsoredMessage.scss | 13 ++++++-------
 src/components/middle/message/SponsoredMessage.tsx  |  2 +-
 4 files changed, 7 insertions(+), 10 deletions(-)

diff --git a/src/components/middle/composer/AttachmentModal.tsx b/src/components/middle/composer/AttachmentModal.tsx
index e95d90f95..a8a5ef1e0 100644
--- a/src/components/middle/composer/AttachmentModal.tsx
+++ b/src/components/middle/composer/AttachmentModal.tsx
@@ -400,7 +400,6 @@ const AttachmentModal: FC<OwnProps & StateProps> = ({
       return;
     }
 
-    // Get inner width, without padding
     const { width, height } = svg.getBoundingClientRect();
     svg.viewBox.baseVal.width = width;
     svg.viewBox.baseVal.height = height;
diff --git a/src/components/middle/composer/DropTarget.tsx b/src/components/middle/composer/DropTarget.tsx
index a88b6043a..9aedc7f2a 100644
--- a/src/components/middle/composer/DropTarget.tsx
+++ b/src/components/middle/composer/DropTarget.tsx
@@ -40,7 +40,6 @@ const DropTarget: FC<OwnProps> = ({ isQuick, isGeneric, onFileSelect }) => {
       return;
     }
 
-    // Get inner width, without padding
     const { width, height } = svg.getBoundingClientRect();
     svg.viewBox.baseVal.width = width;
     svg.viewBox.baseVal.height = height;
diff --git a/src/components/middle/message/SponsoredMessage.scss b/src/components/middle/message/SponsoredMessage.scss
index 79981ddab..b8333960b 100644
--- a/src/components/middle/message/SponsoredMessage.scss
+++ b/src/components/middle/message/SponsoredMessage.scss
@@ -35,7 +35,7 @@
     text-transform: capitalize;
   }
 
-  .message-peer {
+  .content-inner, .message-peer {
     color: var(--color-text);
   }
 
@@ -46,9 +46,9 @@
 
   .message-content {
     padding: 0.5rem;
-    --border-top-left-radius: var(--border-radius-messages-small);
-    --border-top-right-radius: var(--border-radius-messages-small);
-    --border-bottom-right-radius: var(--border-radius-messages-small);
+    --border-top-left-radius: var(--border-radius-messages);
+    --border-top-right-radius: var(--border-radius-messages);
+    --border-bottom-right-radius: var(--border-radius-messages);
 
     @media (max-width: 600px) {
       max-width: min(29rem, calc(100vw - 4.5rem)) !important;
@@ -74,7 +74,6 @@
     padding-inline-start: 0.625rem;
     font-size: calc(var(--message-text-size, 1rem) - 0.125rem);
     background-color: var(--accent-background-color);
-    border-radius: 0.375rem;
     overflow: hidden;
 
     &::before {
@@ -128,10 +127,10 @@
     transition: 150ms filter ease-in;
     background: var(--accent-background-active-color);
     cursor: var(--custom-cursor, pointer);
-    filter: opacity(0.8);
+    filter: brightness(1);
 
     &:hover {
-      filter: opacity(1);
+      filter: brightness(1.1);
     }
   }
 
diff --git a/src/components/middle/message/SponsoredMessage.tsx b/src/components/middle/message/SponsoredMessage.tsx
index 93dcf8e62..2e34f3215 100644
--- a/src/components/middle/message/SponsoredMessage.tsx
+++ b/src/components/middle/message/SponsoredMessage.tsx
@@ -262,13 +262,13 @@ const SponsoredMessage: FC<OwnProps & StateProps> = ({
   return (
     <div
       ref={ref}
-      style={style}
       key="sponsored-message"
       className="SponsoredMessage Message open sponsored-media-preview"
     >
       <div
         className="message-content media has-shadow has-solid-background has-appendix"
         dir="auto"
+        style={style}
         onMouseDown={handleMouseDown}
         onContextMenu={handleContextMenu}
       >