mirror of https://github.com/vector-im/riot-web
Fixed shield alignment on message Input (#12149)
* Fixed shield alignment on message Input * Fixed shield alignment on message Input * Updated fix * reversing merged changespull/28217/head
parent
b6364a4cea
commit
b3ab5fc2c3
|
@ -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;
|
||||||
|
|
|
@ -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[] = [];
|
||||||
|
|
Loading…
Reference in New Issue