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

Give the controlbox toggle same margin as chat boxes.

Browse Source 
... and remove dragresize stuff from the mockup
This commit is contained in:
JC Brand 2014-02-28 21:02:50 +02:00
parent 7d58d856b8
commit 6a421af9a1
2 changed files with 1 additions and 44 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
converse.css
View File

@ -354,7 +354,7 @@ span.spinner.hor_centered {
border-top-left-radius: 4px;
background-color: rgba(83, 144, 200, 100);
padding: 4px 8px;
margin-right: 5px;
margin-right: 15px;
color: white;
}

43
mockup.html
View File

@ -9,49 +9,6 @@
<link type="text/css" rel="stylesheet" href="stylesheets/stylesheet.css">
<link type="text/css" rel="stylesheet" href="converse.css">
<script src="components/jquery/jquery.min.js"></script>
<script type="text/javascript" src="src/dragresize.js"></script>
<script type="text/javascript">
$(document).ready(function () {
//<![CDATA[
// Using DragResize is simple!
// You first declare a new DragResize() object, passing its own name and an object
// whose keys constitute optional parameters/settings:
var dragresize = new DragResize('dragresize', {
minWidth: 200,
minHeight: 250,
minLeft: 20,
minTop: 20,
maxLeft: 0,
maxTop: 600,
handles: ['tm'],
});
// 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;
};
// You can define optional functions that are called as elements are dragged/resized.
// Some are passed true if the source event was a resize, or false if it's a drag.
// The focus/blur events are called as handles are added/removed from an object,
// and the others are called as users drag, move and release the object's handles.
// You might use these to examine the properties of the DragResize object to sync
// other page elements, etc.
dragresize.ondragfocus = function() { };
dragresize.ondragstart = function(isResize) { };
dragresize.ondragmove = function(isResize) { };
dragresize.ondragend = function(isResize) { };
dragresize.ondragblur = function() { };
// Finally, you must apply() your DragResize object to a DOM node; all children of this
// node will then be made draggable. Here, I'm applying to the entire document.
dragresize.apply(document);
//]]>
});
</script>
</head>
<body>
<!-- HEADER -->