imterah/element-portable
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Merge pull request #3378 from matrix-org/bwindels/cider-md-legend

Browse source 
New composer: show markdown legend on focus
This commit is contained in:
Bruno Windels 2019-09-02 14:59:44 +00:00 • committed by GitHub
commit 422f482a6d
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 58 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

30
res/css/views/rooms/_SendMessageComposer.scss
View file

@ -30,7 +30,7 @@ limitations under the License.
flex-direction: column;
// min-height at this level so the mx_BasicMessageComposer_input
// still stays vertically centered when less than 50px
min-height: 50px;
min-height: 42px;
.mx_BasicMessageComposer_input {
padding: 3px 0;
@ -38,7 +38,7 @@ limitations under the License.
// in it's parent vertically
// while keeping the autocomplete at the top
// of the composer. The parent needs to be a flex container for this to work.
margin: auto 0;
margin: auto 0 0 0;
// max-height at this level so autocomplete doesn't get scrolled too
max-height: 140px;
overflow-y: auto;
@ -49,5 +49,31 @@ limitations under the License.
position: relative;
height: 0;
}
.mx_SendMessageComposer_legend {
height: 16px;
box-sizing: content-box;
font-size: 8px;
line-height: 10px;
padding: 0 0 2px 0;
color: $light-fg-color;
user-select: none;
visibility: hidden;
* {
display: inline-block;
margin: 0 10px 0 0;
padding: 1px;
}
code {
border-radius: 2px;
background-color: $focus-bg-color;
}
&.mx_SendMessageComposer_legend_shown {
visibility: visible;
}
}
}