oxen-io
/
session-desktop
mirror of https://github.com/oxen-io/session-desktop.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

fix send-message line-height with multiple lines

This commit is contained in:
Audric Ackermann 2020-01-24 11:46:23 +11:00
parent 5138c16722
commit b15fff0a2f
No known key found for this signature in database
GPG Key ID: 999F434D76324AD4
2 changed files with 25 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
background.html
View File

@ -109,7 +109,9 @@
<form class='send clearfix file-input'>
<div class='flex'>
<button class='emoji' {{#disable-inputs}} disabled="disabled" {{/disable-inputs}}></button>
<textarea maxlength='2000' class='send-message' placeholder='{{ send-message }}' rows='1' dir='auto' {{#disable-inputs}} disabled="disabled" {{/disable-inputs}}></textarea>
<div class='send-message-container'>
<textarea maxlength='2000' class='send-message' placeholder='{{ send-message }}' rows='1' dir='auto' {{#disable-inputs}} disabled="disabled" {{/disable-inputs}}></textarea>
</div>
<div class='capture-audio'>
<button class='microphone' {{#disable-inputs}} disabled="disabled" {{/disable-inputs}}></button>
</div>

31
stylesheets/_session.scss
View File

@ -1201,16 +1201,29 @@ label {
}
}
.bottom-bar textarea.send-message {
height: 60px;
background-color: $session-shade-4;
border: none;
margin: 0px;
padding: 0px $session-margin-lg;
font-size: $session-font-md;
line-height: 60px;
.bottom-bar {
.compose {
min-height: 60px;
max-height: 200px;
}
@include session-color-subtle($session-color-white);
.send-message-container {
display: flex;
flex-grow: 1;
min-height: 60px;
}
textarea.send-message {
background-color: $session-shade-4;
border: none;
margin: 0px;
padding: 0px $session-margin-lg;
font-size: $session-font-md;
line-height: 1.3em;
align-self: center;
@include session-color-subtle($session-color-white);
}
}
.bottom-bar form {