Sponsored Message: Fix buttons layout (#6589)

This commit is contained in:
Alexander Zinchuk 2026-01-20 12:00:42 +01:00
parent 7ac577124e
commit 0773b7313f

View File

@ -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 && (