Sponsored Message: Fix buttons layout (#6589)
This commit is contained in:
parent
7ac577124e
commit
0773b7313f
@ -293,28 +293,32 @@ const SponsoredMessage: FC<OwnProps & StateProps> = ({
|
|||||||
{renderContent()}
|
{renderContent()}
|
||||||
</PeerColorWrapper>
|
</PeerColorWrapper>
|
||||||
<MessageAppendix />
|
<MessageAppendix />
|
||||||
<div className="message-action-buttons">
|
<div className="message-action-buttons-container">
|
||||||
<Button
|
<div className="message-action-buttons-sticky-zone">
|
||||||
className="message-action-button"
|
<div className="message-action-buttons message-action-button-sticky">
|
||||||
color="translucent-white"
|
<Button
|
||||||
round
|
className="message-action-button"
|
||||||
iconName="close"
|
color="translucent-white"
|
||||||
iconClassName="sponsored-action-icon"
|
round
|
||||||
ariaLabel={lang('Close')}
|
iconName="close"
|
||||||
onClick={handleHideSponsoredMessage}
|
iconClassName="sponsored-action-icon"
|
||||||
/>
|
ariaLabel={lang('Close')}
|
||||||
{message.canReport && (
|
onClick={handleHideSponsoredMessage}
|
||||||
<Button
|
/>
|
||||||
className="message-action-button"
|
{message.canReport && (
|
||||||
color="translucent-white"
|
<Button
|
||||||
round
|
className="message-action-button"
|
||||||
iconName="more"
|
color="translucent-white"
|
||||||
iconClassName="sponsored-action-icon"
|
round
|
||||||
ariaLabel={lang('More')}
|
iconName="more"
|
||||||
onClick={handleContextMenu}
|
iconClassName="sponsored-action-icon"
|
||||||
onContextMenu={handleContextMenu}
|
ariaLabel={lang('More')}
|
||||||
/>
|
onClick={handleContextMenu}
|
||||||
)}
|
onContextMenu={handleContextMenu}
|
||||||
|
/>
|
||||||
|
)}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
{contextMenuAnchor && (
|
{contextMenuAnchor && (
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user