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

Chat Report Pane: Adjust checkbox styles (#5588)

Browse Source
This commit is contained in:
Alexander Zinchuk 2025-02-13 14:28:22 +01:00
parent 0fb3c37904
commit 1ad635c903
11 changed files with 21 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/left/settings/SettingsPasswordForm.tsx
View File

@ -67,7 +67,7 @@ const SettingsPasswordForm: FC<OwnProps> = ({
<PasswordMonkey isBig isPasswordVisible={shouldShowPassword} />
</div>
<div className="settings-item pt-0">
<div className="settings-item pt-2">
<PasswordForm
error={validationError || error}
hint={hint}

2
src/components/left/settings/passcode/SettingsPasscodeCongratulations.tsx
View File

@ -43,7 +43,7 @@ const SettingsPasscodeCongratulations: FC<OwnProps> = ({
</p>
</div>
<div className="settings-item pt-0">
<div className="settings-item pt-2">
<Button onClick={fullReset}>{lang('Back')}</Button>
</div>
</div>

2
src/components/left/settings/passcode/SettingsPasscodeEnabled.tsx
View File

@ -41,7 +41,7 @@ const SettingsPasscodeEnabled: FC<OwnProps> = ({
</p>
</div>
<div className="settings-item pt-0">
<div className="settings-item pt-2">
<ListItem
icon="edit"
// eslint-disable-next-line react/jsx-no-bind

2
src/components/left/settings/passcode/SettingsPasscodeStart.tsx
View File

@ -44,7 +44,7 @@ const SettingsPasscodeStart: FC<OwnProps> = ({
</p>
</div>
<div className="settings-item pt-0">
<div className="settings-item pt-2">
<Button onClick={onStart}>{lang('EnablePasscode')}</Button>
</div>
</div>

2
src/components/left/settings/twoFa/SettingsTwoFaCongratulations.tsx
View File

@ -46,7 +46,7 @@ const SettingsTwoFaCongratulations: FC<OwnProps> = ({
</p>
</div>
<div className="settings-item pt-0">
<div className="settings-item pt-2">
<Button onClick={handleClick}>{lang('TwoStepVerificationPasswordReturnSettings')}</Button>
</div>
</div>

2
src/components/left/settings/twoFa/SettingsTwoFaEmailCode.tsx
View File

@ -91,7 +91,7 @@ const SettingsTwoFaEmailCode: FC<OwnProps & StateProps> = ({
</p>
</div>
<div className="settings-item pt-0">
<div className="settings-item pt-2">
<InputText
value={value}
ref={inputRef}

2
src/components/left/settings/twoFa/SettingsTwoFaEnabled.tsx
View File

@ -45,7 +45,7 @@ const SettingsTwoFaEnabled: FC<OwnProps> = ({
</p>
</div>
<div className="settings-item pt-0">
<div className="settings-item pt-2">
<ListItem
icon="edit"
// eslint-disable-next-line react/jsx-no-bind

2
src/components/left/settings/twoFa/SettingsTwoFaSkippableForm.tsx
View File

@ -110,7 +110,7 @@ const SettingsTwoFaSkippableForm: FC<OwnProps & StateProps> = ({
</p>
</div>
<div className="settings-item pt-0">
<div className="settings-item pt-2">
<form action="" onSubmit={handleSubmit}>
<InputText
ref={inputRef}

4
src/components/middle/panes/ChatReportPane.scss
View File

@ -17,4 +17,8 @@
flex: 1 1 50%;
white-space: nowrap;
}
&--Checkbox {
margin-top: -1rem !important;
}
}

10
src/components/middle/panes/ChatReportPane.tsx
View File

@ -1,5 +1,5 @@
import type { FC } from '../../../lib/teact/teact';
import React, { memo, useState } from '../../../lib/teact/teact';
import React, { memo, useEffect, useState } from '../../../lib/teact/teact';
import { getActions, withGlobal } from '../../../global';
import type { ApiPeer } from '../../../api/types';
@ -114,6 +114,12 @@ const ChatReportPane: FC<OwnProps & StateProps> = ({
const isRendering = Boolean(hasAnyButton && peer);
useEffect(() => {
if (!isRendering) {
closeBlockUserModal();
}
}, [isRendering]);
const { ref, shouldRender } = useHeaderPane({
isOpen: isRendering,
onStateChange: onPaneStateChange,
@ -193,7 +199,7 @@ const ChatReportPane: FC<OwnProps & StateProps> = ({
)}
{user && canReportSpam && (
<Checkbox
className="dialog-checkbox"
className="ChatReportPane--Checkbox dialog-checkbox"
label={lang('ReportChat')}
checked={shouldReportSpam}
onCheck={setShouldReportSpam}

2
src/components/ui/Modal.scss
View File

@ -103,7 +103,7 @@
.modal-header,
%modal-header {
padding: 1.3125rem 1.3125rem 0;
padding: 1.3125rem 1.375rem 0;
display: flex;
align-items: center;
flex-shrink: 0;