Fixed shield alignment on message Input (#12149)

* Fixed shield alignment on message Input

* Fixed shield alignment on message Input

* Updated fix

* reversing merged changes
pull/28217/head
Manan Sadana 2024-01-18 20:18:29 +05:30 committed by GitHub
parent b6364a4cea
commit b3ab5fc2c3
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 6 additions and 2 deletions

View File

@ -79,7 +79,9 @@ limitations under the License.
.mx_MessageComposer_composecontrols { .mx_MessageComposer_composecontrols {
width: 100%; width: 100%;
} }
.mx_MessageComposer_e2eIconWrapper {
height: 12px; /* Match the height of the E2E icon for alignment */
}
.mx_MessageComposer_e2eIcon.mx_E2EIcon { .mx_MessageComposer_e2eIcon.mx_E2EIcon {
position: absolute; position: absolute;
left: 20px; left: 20px;

View File

@ -475,7 +475,9 @@ export class MessageComposer extends React.Component<IProps, IState> {
public render(): React.ReactNode { public render(): React.ReactNode {
const hasE2EIcon = Boolean(!this.state.isWysiwygLabEnabled && this.props.e2eStatus); const hasE2EIcon = Boolean(!this.state.isWysiwygLabEnabled && this.props.e2eStatus);
const e2eIcon = hasE2EIcon && ( const e2eIcon = hasE2EIcon && (
<div className="mx_MessageComposer_e2eIconWrapper">
<E2EIcon key="e2eIcon" status={this.props.e2eStatus!} className="mx_MessageComposer_e2eIcon" /> <E2EIcon key="e2eIcon" status={this.props.e2eStatus!} className="mx_MessageComposer_e2eIcon" />
</div>
); );
const controls: ReactNode[] = []; const controls: ReactNode[] = [];