ztr/TelegramPWA
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Message: Fix select icon position (#6758)

Browse Source
This commit is contained in:
zubiden 2026-03-05 12:43:28 +01:00 committed by Alexander Zinchuk
parent c6ff3a7110
commit 340e842a20
5 changed files with 9 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/common/Audio.tsx
View File

@ -423,7 +423,7 @@ const Audio = ({
<div className={fullClassName} dir={lang.isRtl ? 'rtl' : 'ltr'}> <div className={fullClassName} dir={lang.isRtl ? 'rtl' : 'ltr'}>
{isSelectable && ( {isSelectable && (
<div className="message-select-control no-selection"> <div className="message-select-control no-selection">
{isSelected && <Icon name="select" />} {isSelected && <Icon name="check" className="message-select-control-icon" />}
</div> </div>
)} )}
{renderTooglePlayWrapper()} {renderTooglePlayWrapper()}

2
src/components/common/File.tsx
View File

@ -103,7 +103,7 @@ const File = ({
<div id={id} ref={elementRef} className={fullClassName} dir={lang.isRtl ? 'rtl' : undefined}> <div id={id} ref={elementRef} className={fullClassName} dir={lang.isRtl ? 'rtl' : undefined}>
{isSelectable && ( {isSelectable && (
<div className="message-select-control no-selection"> <div className="message-select-control no-selection">
{isSelected && <Icon name="select" />} {isSelected && <Icon name="check" className="message-select-control-icon" />}
</div> </div>
)} )}
<div className="file-icon-container" onClick={isUploading ? undefined : onClick}> <div className="file-icon-container" onClick={isUploading ? undefined : onClick}>

11
src/components/middle/message/Message.scss
View File

@ -440,8 +440,8 @@
} }
.Audio .message-select-control { .Audio .message-select-control {
top: 1.375rem; top: 1.75rem;
left: 1.0625rem; left: 1.75rem;
} }
html.theme-dark &.own .Audio .toggle-play:not(.with-image) + .media-loading { html.theme-dark &.own .Audio .toggle-play:not(.with-image) + .media-loading {
@ -655,11 +655,8 @@
transition: opacity var(--select-transition); transition: opacity var(--select-transition);
.icon-select { &-icon {
position: absolute; font-weight: 600;
top: -3px;
left: -3px;
font-size: 1.625rem;
} }
.theme-dark & { .theme-dark & {

4
src/components/middle/message/Message.tsx
View File

@ -1833,7 +1833,7 @@ const Message = ({
/> />
{!isInDocumentGroup && ( {!isInDocumentGroup && (
<div className="message-select-control no-selection"> <div className="message-select-control no-selection">
{isSelected && <Icon name="select" />} {isSelected && <Icon name="check" className="message-select-control-icon" />}
</div> </div>
)} )}
{isLastInDocumentGroup && ( {isLastInDocumentGroup && (
@ -1844,7 +1844,7 @@ const Message = ({
onClick={handleDocumentGroupSelectAll} onClick={handleDocumentGroupSelectAll}
> >
{isGroupSelected && ( {isGroupSelected && (
<Icon name="select" /> <Icon name="check" className="message-select-control-icon" />
)} )}
</div> </div>
)} )}

5
src/components/middle/message/hocs/withSelectControl.tsx
View File

@ -65,12 +65,9 @@ export default function withSelectControl(WrappedComponent: FC) {
> >
{isInSelectMode && ( {isInSelectMode && (
<div className="message-select-control"> <div className="message-select-control">
{isSelected && ( {isSelected && <Icon name="check" className="message-select-control-icon" />}
<Icon name="select" />
)}
</div> </div>
)} )}
{}
<WrappedComponent {...newProps} /> <WrappedComponent {...newProps} />
</div> </div>
); );