chat client: fix send button, fix initial position

This commit is contained in:
Felix Niklas 2015-11-13 11:06:47 +01:00
parent 57941a83a6
commit 0912e0e42a
6 changed files with 17 additions and 13 deletions

View file

@ -297,13 +297,13 @@ do($ = window.jQuery, window) ->
show: ->
@el.addClass('zammad-chat-is-visible')
remainerHeight = @el.outerHeight() - @el.find('.zammad-chat-header').outerHeight()
@el.css 'bottom', -remainerHeight
@input.autoGrow
extraLine: false
remainerHeight = @el.height() - @el.find('.zammad-chat-header').outerHeight()
@el.css 'bottom', -remainerHeight
disableInput: ->
@input.prop('disabled', true)
@el.find('.zammad-chat-send').prop('disabled', true)

View file

@ -158,7 +158,8 @@
.zammad-chat-modal-text .zammad-chat-loading-animation {
font-size: 0.7em; }
.zammad-chat-modal-text .zammad-chat-button {
margin-top: 1em; }
margin-top: 1em;
font-size: 0.8em; }
.zammad-chat-modal .zammad-chat-loading-animation {
margin-right: 8px;
@ -173,7 +174,7 @@
.zammad-chat-timestamp {
text-align: center;
color: #999999;
font-size: 0.8em;
font-size: 0.9em;
margin: 1em 0; }
.zammad-chat-message {
@ -310,7 +311,6 @@
border-radius: 1.5em;
box-shadow: 0 2px rgba(255, 255, 255, 0.25) inset, 0 0 0 1px #247fb7 inset, 0 1px rgba(0, 0, 0, 0.1);
outline: none;
font-size: 0.8em;
display: inline-block; }
.zammad-chat-send {

View file

@ -393,11 +393,11 @@ var bind = function(fn, me){ return function(){ return fn.apply(me, arguments);
ZammadChat.prototype.show = function() {
var remainerHeight;
this.el.addClass('zammad-chat-is-visible');
remainerHeight = this.el.outerHeight() - this.el.find('.zammad-chat-header').outerHeight();
this.el.css('bottom', -remainerHeight);
return this.input.autoGrow({
this.input.autoGrow({
extraLine: false
});
remainerHeight = this.el.height() - this.el.find('.zammad-chat-header').outerHeight();
return this.el.css('bottom', -remainerHeight);
};
ZammadChat.prototype.disableInput = function() {

File diff suppressed because one or more lines are too long

View file

@ -190,6 +190,7 @@ $baseTextColor: if($luminance < 0.2, white, black);
.zammad-chat-button {
margin-top: 1em;
font-size: 0.8em;
}
}
@ -208,7 +209,7 @@ $baseTextColor: if($luminance < 0.2, white, black);
.zammad-chat-timestamp {
text-align: center;
color: hsl(0,0%,60%);
font-size: 0.8em;
font-size: 0.9em;
margin: 1em 0;
}
@ -339,7 +340,6 @@ $baseTextColor: if($luminance < 0.2, white, black);
0 0 0 1px darken($themeColor, 10%) inset,
0 1px rgba(0,0,0,.1);
outline: none;
font-size: 0.8em;
display: inline-block;
}

View file

@ -10,6 +10,10 @@
font-family: sans-serif;
}
.mockup {
vertical-align: bottom;
}
.settings {
position: fixed;
left: 20px;