PrivateCoffee/element-web
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 4

Fixed shield alignment on message Input (#12149)

Browse source 
* Fixed shield alignment on message Input

* Fixed shield alignment on message Input

* Updated fix

* reversing merged changes
This commit is contained in:
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
Show stats Download patch file Download diff file Expand all files Collapse all files

4
res/css/views/rooms/_MessageComposer.pcss
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;

2
src/components/views/rooms/MessageComposer.tsx
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[] = [];