Update position of Call Screen Raised Hands count button
This commit is contained in:
parent
2b132846af
commit
83e0e5d33b
2 changed files with 5 additions and 14 deletions
|
@ -16,7 +16,7 @@
|
||||||
padding-block: 1px;
|
padding-block: 1px;
|
||||||
padding-inline: 1px;
|
padding-inline: 1px;
|
||||||
// This should be above .CallingRaisedHandsList__Button
|
// This should be above .CallingRaisedHandsList__Button
|
||||||
margin-block-end: 168px;
|
margin-block-end: 72px;
|
||||||
margin-inline-start: 8px;
|
margin-inline-start: 8px;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
@ -40,13 +40,13 @@
|
||||||
@include button-reset;
|
@include button-reset;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
inset-inline-start: 16px;
|
inset-inline-start: 16px;
|
||||||
inset-block-end: calc($CallControls__height + 32px);
|
inset-block-end: 16px;
|
||||||
display: flex;
|
display: flex;
|
||||||
padding-block: 14px;
|
padding-block: 14px;
|
||||||
padding-inline: 12px;
|
padding-inline: 12px;
|
||||||
background: $color-gray-78;
|
background: $color-white;
|
||||||
border-radius: 24px;
|
border-radius: 24px;
|
||||||
color: $color-white;
|
color: $color-black;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
z-index: $z-index-above-above-base;
|
z-index: $z-index-above-above-base;
|
||||||
|
|
||||||
|
@ -67,7 +67,7 @@
|
||||||
|
|
||||||
@include color-svg(
|
@include color-svg(
|
||||||
'../images/icons/v3/raise_hand/raise_hand-light.svg',
|
'../images/icons/v3/raise_hand/raise_hand-light.svg',
|
||||||
$color-gray-15
|
$color-black
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -8,15 +8,6 @@
|
||||||
width: 100%;
|
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:
|
// Normally the newest toasts are appended on top, like this:
|
||||||
// | Second |
|
// | Second |
|
||||||
// | First | -> | First |
|
// | First | -> | First |
|
||||||
|
|
Loading…
Reference in a new issue