Add button for sending image

This commit is contained in:
Magnus Hauge Bakke 2015-10-12 14:00:45 +02:00 committed by Lorenz Hübschle-Schneider
parent 47cd5376e9
commit accbf276ad
3 changed files with 8 additions and 5 deletions

View file

@ -72,12 +72,13 @@ input[type=text], input[type=password], #sendMessage, .badge {
box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.1), 0px 1px 7px 0px rgba(0, 0, 0, 0.8) inset; box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.1), 0px 1px 7px 0px rgba(0, 0, 0, 0.8) inset;
} }
input[type=text], input[type=password], #sendMessage, .badge, .btn-send { input[type=text], input[type=password], #sendMessage, .badge, .btn-send, .btn-send-image {
color: #ccc; color: #ccc;
background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.3); background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.3);
} }
.btn-send:hover, .btn-send:focus { .btn-send:hover, .btn-send:focus,
.btn-send-image:hover, .btn-send-image:focus {
background-color: #555; background-color: #555;
color: white; color: white;
} }
@ -271,7 +272,7 @@ input[type=text], input[type=password], #sendMessage, .badge, .btn-send {
.cob-chat { .cob-chat {
} }
.cob-chat_time { .cob-chat_time {
color: #999; color: #999;
} }
.cob-chat_time_delimiters { .cob-chat_time_delimiters {
} }

View file

@ -22,7 +22,8 @@ html {
background-color: #222; background-color: #222;
} }
.btn-send { .btn-send,
.btn-send-image, {
background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.3); background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.3);
color: #428BCA; color: #428BCA;
} }
@ -257,7 +258,7 @@ select.form-control, select option, input[type=text], input[type=password], #sen
.cob-chat { .cob-chat {
} }
.cob-chat_time { .cob-chat_time {
color: #999; color: #999;
} }
.cob-chat_time_delimiters { .cob-chat_time_delimiters {
} }

View file

@ -3,6 +3,7 @@
<textarea id="{{inputId}}" class="form-control favorite-font" ng-trim="false" rows="1" ng-change="inputChanged()" autocomplete="on" ng-model="command" ng-focus="hideSidebar()"> <textarea id="{{inputId}}" class="form-control favorite-font" ng-trim="false" rows="1" ng-change="inputChanged()" autocomplete="on" ng-model="command" ng-focus="hideSidebar()">
</textarea> </textarea>
<span class="input-group-btn"> <span class="input-group-btn">
<button class="btn btn-send-image unselectable"><i class="glyphicon glyphicon-picture"></i></button>
<button class="btn btn-send unselectable"><i class="glyphicon glyphicon-send"></i></button> <button class="btn btn-send unselectable"><i class="glyphicon glyphicon-send"></i></button>
</span> </span>
</div> </div>