Updated conversation textarea styling.

pull/64/head
Mikunj 7 years ago
parent a530a6c197
commit d1d906cfc0

@ -130,16 +130,16 @@
<div class='flex'> <div class='flex'>
<button class='emoji' {{#disable-inputs}} disabled="disabled" {{/disable-inputs}}></button> <button class='emoji' {{#disable-inputs}} disabled="disabled" {{/disable-inputs}}></button>
<textarea class='send-message' placeholder='{{ send-message }}' rows='1' dir='auto' {{#disable-inputs}} disabled="disabled" {{/disable-inputs}}></textarea> <textarea class='send-message' placeholder='{{ send-message }}' rows='1' dir='auto' {{#disable-inputs}} disabled="disabled" {{/disable-inputs}}></textarea>
<div class='capture-audio'> <!-- <div class='capture-audio'>
<button class='microphone' {{#disable-inputs}} disabled="disabled" {{/disable-inputs}}></button> <button class='microphone' {{#disable-inputs}} disabled="disabled" {{/disable-inputs}}></button>
</div> </div> -->
<div class='android-length-warning'> <div class='android-length-warning'>
{{ android-length-warning }} {{ android-length-warning }}
</div> </div>
<div class='choose-file'> <!-- <div class='choose-file'>
<button class='paperclip thumbnail' {{#disable-inputs}} disabled="disabled" {{/disable-inputs}}></button> <button class='paperclip thumbnail' {{#disable-inputs}} disabled="disabled" {{/disable-inputs}}></button>
<input type='file' class='file-input'> <input type='file' class='file-input'>
</div> </div> -->
</div> </div>
</form> </form>
</div> </div>

@ -259,6 +259,9 @@
.flex { .flex {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: center;
margin-right: 6px;
margin-bottom: 6px;
.send-message { .send-message {
flex-grow: 1; flex-grow: 1;
@ -273,9 +276,8 @@
display: block; display: block;
max-height: 100px; max-height: 100px;
padding: 10px; padding: 10px;
margin-bottom: 6px; border-radius: 2px;
border-radius: 20px; background-color: $color-loki-light-gray;
background-color: $color-light-02;
color: $color-light-90; color: $color-light-90;
border: 1px solid rgba(0, 0, 0, 0.2); border: 1px solid rgba(0, 0, 0, 0.2);
outline: 0; outline: 0;

@ -26,6 +26,7 @@ $roboto: Roboto, 'Helvetica Neue', Arial, Helvetica, sans-serif;
$roboto-light: Roboto-Light, 'Helvetica Neue', Arial, Helvetica, sans-serif; $roboto-light: Roboto-Light, 'Helvetica Neue', Arial, Helvetica, sans-serif;
// Loki colors // Loki colors
$color-loki-light-gray: #e9e9e9;
$color-loki-dark-gray: #323232; $color-loki-dark-gray: #323232;
$color-loki-extra-dark-gray: #101010; $color-loki-extra-dark-gray: #101010;
$color-loki-green: #3bd110; $color-loki-green: #3bd110;

Loading…
Cancel
Save