Chapril/xmpp.chapril.org-conversejs
Chapril/xmpp.chapril.org-conversejs
24
0
Fork 0
Code Issues Pull Requests Projects Releases Activity

Set a class 'minimized' instead of hardcoding style

Browse Source
This commit is contained in:
JC Brand 2014-01-22 19:27:15 +02:00
parent b189e6dfcb
commit f2c354b7d9
2 changed files with 12 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
converse.css
View File

@ -1268,6 +1268,10 @@ form.add-xmpp-contact input {
height: 324px;
}
.box-flyout.minimized {
height: auto;
}
.chatbox .box-flyout {
width: 200px;
}

15
mockup.html
View File

@ -26,9 +26,9 @@
handles: ['tm'],
});
// Next, you must define two functions, isElement and isHandle. These are passed
// a given DOM element, and must "return true" if the element in question is a
// draggable element or draggable handle. Here, I'm checking for the CSS classname
// Next, you must define isElement. These are passed a given DOM element, and must
// "return true" if the element in question is a draggable element.
// Here, I'm checking for the CSS classname
// of the elements, but you have have any combination of conditions you like:
dragresize.isElement = function(elm) {
if (elm.className && elm.className.indexOf('box-flyout') > -1) return true;
@ -487,12 +487,13 @@ $(document).ready(function () {
} else {
$grandparent.find('div.chat-content').slideToggle(300);
}
var flyout = $grandparent.find('.box-flyout')[0];
if (flyout.style.height == 'auto') {
flyout.style.height = '324px';
var flyout = $grandparent.find('.box-flyout');
if (flyout.hasClass('minimized')) {
flyout.removeClass('minimized');
} else {
flyout.style.height = 'auto';
flyout.addClass('minimized');
}
$(ev.target).parent().parent().find('form.sendXMPPMessage').toggle();
});