Skip to content

Commit 0e98a0b

Browse files
committed
Add message status outside of group test
1 parent 0fa5cb8 commit 0e98a0b

10 files changed

Lines changed: 352 additions & 0 deletions

__tests__/html2/activity/message-status.html

Lines changed: 339 additions & 0 deletions
Large diffs are not rendered by default.
21.9 KB
Loading
20.9 KB
Loading
21.5 KB
Loading
33.1 KB
Loading
34.6 KB
Loading
35.5 KB
Loading
40.3 KB
Loading

packages/component/src/Activity/StackedLayout.module.css

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -114,6 +114,10 @@
114114
> * {
115115
grid-area: message-status-icon;
116116
}
117+
118+
+ :global(.webchat__text-content) {
119+
transform: translateY(0.025em);
120+
}
117121
}
118122

119123
.stacked-layout__message-status-unset-icon,

packages/fluent-theme/src/components/activity/PartGroupingDecorator.module.css

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -181,6 +181,15 @@
181181
margin: var(--webchat-spacingVerticalXS) var(--webchat__bubble--inline-padding);
182182
}
183183

184+
:global(.stacked-layout .stacked-layout__main .stacked-layout__message-status) {
185+
margin-block: calc(var(--webchat__bubble--block-padding) + 1px);
186+
}
187+
188+
&.variant-copilot :global(.stacked-layout .stacked-layout__main .stacked-layout__message-status) {
189+
margin-inline-start: var(--webchat-spacingHorizontalNone);
190+
margin-block: var(--webchat-spacingVerticalXXS);
191+
}
192+
184193
&.part-grouping-decorator--group :global(.stacked-layout .stacked-layout__main .stacked-layout__message-status) {
185194
margin-block: var(--webchat-spacingVerticalXS);
186195
}

0 commit comments

Comments
 (0)