mirror of https://github.com/vector-im/riot-web
45 lines
1.2 KiB
Plaintext
45 lines
1.2 KiB
Plaintext
|
/*
|
||
|
|
Copyright 2019-2024 New Vector Ltd.
|
||
|
|
Copyright 2019 The Matrix.org Foundation C.I.C.
|
||
|
|
|
||
|
|
SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only
|
||
|
|
Please see LICENSE files in the repository root for full details.
|
||
|
|
*/
|
||
|
|
|
||
|
|
.mx_EditMessageComposer {
|
||
|
|
--EditMessageComposer-padding-inline: 3px;
|
||
|
|
|
||
|
|
display: flex;
|
||
|
|
flex-direction: column;
|
||
|
|
max-width: 100%; /* disable overflow */
|
||
|
|
width: auto;
|
||
|
|
gap: 5px;
|
||
|
|
padding: 3px var(--EditMessageComposer-padding-inline);
|
||
|
|
|
||
|
|
.mx_BasicMessageComposer_input {
|
||
|
|
border-radius: 4px;
|
||
|
|
border: solid 1px $primary-hairline-color;
|
||
|
|
background-color: $background;
|
||
|
|
max-height: 200px;
|
||
|
|
padding: 3px 6px;
|
||
|
|
|
||
|
|
&:focus {
|
||
|
|
border-color: var(--cpd-color-border-interactive-primary);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.mx_EditMessageComposer_buttons {
|
||
|
|
display: flex;
|
||
|
|
flex-flow: row wrap-reverse; /* display "Save" over "Cancel" */
|
||
|
|
justify-content: flex-end;
|
||
|
|
gap: 5px;
|
||
|
|
margin-inline-start: auto;
|
||
|
|
|
||
|
|
.mx_AccessibleButton {
|
||
|
|
flex: 1;
|
||
|
|
box-sizing: border-box;
|
||
|
|
min-width: 100px; /* magic number to align the edge of the button with the input area */
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|