Skip to content

Commit 87bc5cb

Browse files
committed
fix carousel spacers in fluent
1 parent 7628100 commit 87bc5cb

File tree

3 files changed

+17
-0
lines changed

3 files changed

+17
-0
lines changed
-81 Bytes
Loading
4 Bytes
Loading

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

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -427,6 +427,16 @@
427427
}
428428
/* #endregion */
429429

430+
/* #region Carousel layout */
431+
:global(.carousel-layout) {
432+
:global(.carousel-filmstrip__avatar-gutter),
433+
:global(.carousel-filmstrip__alignment-pad) {
434+
margin: 0;
435+
width: var(--webchat-spacingHorizontalMNudge);
436+
}
437+
}
438+
/* #endregion */
439+
430440
/* #region Bubble surface */
431441
:global(.stacked-layout .bubble) {
432442
max-width: min(var(--webchat-part-grouping__bubble--max-width), 100%);
@@ -630,6 +640,13 @@
630640
position: static;
631641
}
632642

643+
:global(.carousel-layout) {
644+
:global(.carousel-filmstrip__avatar-gutter),
645+
:global(.carousel-filmstrip__alignment-pad) {
646+
width: 0;
647+
}
648+
}
649+
633650
:global(.bubble) {
634651
position: static;
635652
width: var(--webchat-part-grouping__bubble--max-width);

0 commit comments

Comments
 (0)