Clarify style rule structure of ProfileSettings to avoid unexpected regressions (#8884)

This commit is contained in:
Suguru Hirahara 2022-06-25 17:23:33 +00:00 committed by GitHub
parent 2242a36851
commit 33d680b134
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 51 additions and 47 deletions

View file

@ -15,6 +15,7 @@ limitations under the License.
*/
import React, { createRef } from 'react';
import classNames from "classnames";
import { _t } from "../../../languageHandler";
import { MatrixClientPeg } from "../../../MatrixClientPeg";
@ -249,7 +250,7 @@ export default class RoomProfileSettings extends React.Component<IProps, IState>
onSubmit={this.saveProfile}
autoComplete="off"
noValidate={true}
className="mx_ProfileSettings_profileForm"
className="mx_ProfileSettings"
>
<input
type="file"
@ -260,7 +261,7 @@ export default class RoomProfileSettings extends React.Component<IProps, IState>
accept="image/*"
/>
<div className="mx_ProfileSettings_profile">
<div className="mx_ProfileSettings_controls">
<div className="mx_ProfileSettings_profile_controls">
<Field
label={_t("Room Name")}
type="text"
@ -270,8 +271,11 @@ export default class RoomProfileSettings extends React.Component<IProps, IState>
disabled={!this.state.canSetName}
/>
<Field
className="mx_ProfileSettings_controls_topic"
id="profileTopic"
className={classNames(
"mx_ProfileSettings_profile_controls_topic",
"mx_ProfileSettings_profile_controls_topic--room",
)}
id="profileTopic" // See: NewRoomIntro.tsx
label={_t("Room Topic")}
disabled={!this.state.canSetTopic}
type="text"