diff --git a/stylesheets/components/CallingRaisedHandsList.scss b/stylesheets/components/CallingRaisedHandsList.scss index 4bdb6c1c71bc..3fe57b93fbfe 100644 --- a/stylesheets/components/CallingRaisedHandsList.scss +++ b/stylesheets/components/CallingRaisedHandsList.scss @@ -16,7 +16,7 @@ padding-block: 1px; padding-inline: 1px; // This should be above .CallingRaisedHandsList__Button - margin-block-end: 168px; + margin-block-end: 72px; margin-inline-start: 8px; overflow: hidden; } @@ -40,13 +40,13 @@ @include button-reset; position: absolute; inset-inline-start: 16px; - inset-block-end: calc($CallControls__height + 32px); + inset-block-end: 16px; display: flex; padding-block: 14px; padding-inline: 12px; - background: $color-gray-78; + background: $color-white; border-radius: 24px; - color: $color-white; + color: $color-black; font-size: 14px; z-index: $z-index-above-above-base; @@ -67,7 +67,7 @@ @include color-svg( '../images/icons/v3/raise_hand/raise_hand-light.svg', - $color-gray-15 + $color-black ); } diff --git a/stylesheets/components/CallingReactionsToasts.scss b/stylesheets/components/CallingReactionsToasts.scss index 9a46bb50534c..1db31675f91e 100644 --- a/stylesheets/components/CallingReactionsToasts.scss +++ b/stylesheets/components/CallingReactionsToasts.scss @@ -8,15 +8,6 @@ width: 100%; } -// Reactions appear in the same space as the Raised Hands button. When they are both -// present then move Reactions up. -.CallingRaisedHandsList__Button + .CallingReactionsToasts, -.CallingRaisedHandsList__Button - + .CallingReactionsToasts - + .CallingReactionsBurstToasts { - inset-block-end: calc($CallControls__height + 100px); -} - // Normally the newest toasts are appended on top, like this: // | Second | // | First | -> | First |