fix: copilot variant adaptive card double padding

OEvgeny · OEvgeny · commit 414e5aa07344 · 2025-12-16T20:13:49.000Z
diff --git a/__tests__/html2/markdown/codeBlockCopyButton/adaptiveCards/layout.copilot.html b/__tests__/html2/markdown/codeBlockCopyButton/adaptiveCards/layout.copilot.html
@@ -0,0 +1,10 @@
+<!doctype html>
+<html>
+  <head>
+    <title>Adaptive Card Layout - Copy Button (copilot)</title>
+    <script>
+      location = './layout?theme=fluent&variant=copilot';
+    </script>
+  </head>
+  <body></body>
+</html>
diff --git a/__tests__/html2/markdown/codeBlockCopyButton/adaptiveCards/layout.copilot.html.snap-1.png b/__tests__/html2/markdown/codeBlockCopyButton/adaptiveCards/layout.copilot.html.snap-1.png
diff --git a/__tests__/html2/markdown/codeBlockCopyButton/adaptiveCards/layout.html b/__tests__/html2/markdown/codeBlockCopyButton/adaptiveCards/layout.html
@@ -1,10 +1,14 @@
 <!doctype html>
 <html lang="en-US">
   <head>
+    <title>Adaptive Card Layout - Copy Button</title>
     <link href="/assets/index.css" rel="stylesheet" type="text/css" />
+      <script crossorigin="anonymous" src="https://unpkg.com/react@16.8.6/umd/react.production.min.js"></script>
+  <script crossorigin="anonymous" src="https://unpkg.com/react-dom@16.8.6/umd/react-dom.production.min.js"></script>
     <script crossorigin="anonymous" src="/test-harness.js"></script>
     <script crossorigin="anonymous" src="/test-page-object.js"></script>
     <script crossorigin="anonymous" src="/__dist__/webchat-es5.js"></script>
+    <script crossorigin="anonymous" src="/__dist__/botframework-webchat-fluent-theme.production.min.js"></script>
   </head>
 
   <body>
@@ -22,7 +26,7 @@
         );
 
         const {
-          WebChat: { renderWebChat, testIds }
+          WebChat: { testIds }
         } = window; // Imports in UMD fashion.
 
         const { directLine, store } = testHelpers.createDirectLineEmulator();
diff --git a/packages/fluent-theme/src/components/activity/PartGroupingDecorator.module.css b/packages/fluent-theme/src/components/activity/PartGroupingDecorator.module.css
@@ -633,6 +633,12 @@
       :global(.webchat__bubble) {
         position: static;
         width: var(--webchat-part-grouping__bubble--max-width);
+
+        :global(.webchat__bubble__content .webchat__adaptive-card-renderer > .ac-adaptiveCard) {
+          font-family: var(--webchat-fontFamilyBase);
+          /* Remove double padding for adaptive cards inside bubble */
+          padding: unset !important;
+        }
       }
 
       &:not(.part-grouping-decorator--group) {
