combo_auto_box 0.0.2 → 0.0.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -84,7 +84,7 @@ var ComboAutoBox = {
|
|
|
84
84
|
});
|
|
85
85
|
|
|
86
86
|
$('#' + modalDialogId).dialog({
|
|
87
|
-
width:
|
|
87
|
+
width: 500,
|
|
88
88
|
height: 400,
|
|
89
89
|
modal: true,
|
|
90
90
|
closeOnEscape: true,
|
|
@@ -128,7 +128,7 @@ var ComboAutoBox = {
|
|
|
128
128
|
items.push('<li><span class="combo-auto-box-item-id">' + data[index].id +'</span><span class="combo-auto-box-item-label">'+ data[index].label + '</span></li>');
|
|
129
129
|
});
|
|
130
130
|
|
|
131
|
-
$('#' + modalDialogId + ' > div.list').css('height', ($('#' + modalDialogId).dialog("option", "height") -
|
|
131
|
+
$('#' + modalDialogId + ' > div.list').css('height', ($('#' + modalDialogId).dialog("option", "height") - 60) + 'px');
|
|
132
132
|
$('#' + modalDialogId + ' > div.list > ul').html(items.join(''));
|
|
133
133
|
$('#' + modalDialogId + ' > div.list > ul > li').click(function() {
|
|
134
134
|
$('#' + modalDialogId).dialog('close');
|
|
@@ -147,7 +147,13 @@ var ComboAutoBox = {
|
|
|
147
147
|
$(generateImageTag()).prependTo('#' + container + ' > div.container-combo-auto-box');
|
|
148
148
|
|
|
149
149
|
spanTag = $('#' + container + ' > div.container-combo-auto-box > span.expand');
|
|
150
|
-
|
|
150
|
+
var paddingRight = 1;
|
|
151
|
+
try {
|
|
152
|
+
paddingRight = parseInt(textField.css('padding-right').replace(/px/, ''));
|
|
153
|
+
} catch (error) {
|
|
154
|
+
paddingRight = 1;
|
|
155
|
+
}
|
|
156
|
+
spanTag.css('margin', '2px 0px 0px ' + (paddingRight + textField.width() + 9).toString() + 'px');
|
|
151
157
|
|
|
152
158
|
generateDivDialogModal(generateAnId('model-dialog'));
|
|
153
159
|
};
|
|
@@ -3,14 +3,14 @@ div.container-combo-auto-box span.expand{display:block;position:absolute;cursor:
|
|
|
3
3
|
|
|
4
4
|
div.container-combo-auto-box span.expand i{background-image:url(/assets/combo_auto_box_expand.png);width:19px;height:19px;display:block;font-size:0;}
|
|
5
5
|
|
|
6
|
-
div.dialog-modal div.head { display:block; width:
|
|
7
|
-
div.dialog-modal div.head span.label { float:left; margin: 5px 0 0 10px; padding: 0 0 0 0; text-weight: bold; }
|
|
8
|
-
div.dialog-modal div.head span.close { float:right; margin: 5px 10px 0 0; padding: 0 0 0 0; }
|
|
6
|
+
div.dialog-modal div.head { display:block; width:99%; position:absolute; z-index:2002; top:0px; left:0px; border: 1px solid #000; background-color:#CECECE; height:30px; -moz-border-radius:4px;-webkit-border-radius:4px;}
|
|
7
|
+
div.dialog-modal div.head span.label { float:left; margin: 5px 0 0 10px; padding: 0 0 0 0; text-weight: bold; font-size:16px; font-family: "Trebuchet MS", "Helvetica", "Arial", "Verdana", "sans-serif";}
|
|
8
|
+
div.dialog-modal div.head span.close { float:right; margin: 5px 10px 0 0; padding: 0 0 0 0; font-size:16px; font-family: "Trebuchet MS", "Helvetica", "Arial", "Verdana", "sans-serif"; text-indent: 0;}
|
|
9
9
|
div.dialog-modal div.head span.close:hover { cursor:pointer; text-decoration:underline; }
|
|
10
10
|
|
|
11
|
-
div.dialog-modal div.list { display:block; width:
|
|
11
|
+
div.dialog-modal div.list { display:block; width:99%; position:absolute; z-index:2003; top:40px; left:0px; overflow-y:auto; overflow-x:hidden;}
|
|
12
12
|
|
|
13
|
-
div.dialog-modal div.list ul { list-style:none; width:100%;
|
|
13
|
+
div.dialog-modal div.list ul { list-style:none; width:100%; position:absolute; z-index:2004; top:0px; left:0px; display:block; padding: 0; margin: 0;}
|
|
14
14
|
|
|
15
15
|
div.dialog-modal div.list ul li { padding: 5px 0 5px 3px; margin-left:0px; width:100%; border-bottom:1px solid #DCDCDC; font-size:12px; }
|
|
16
|
-
div.dialog-modal div.list ul li:hover { cursor:pointer; text-decoration:underline; }
|
|
16
|
+
div.dialog-modal div.list ul li:hover { cursor:pointer; text-decoration:underline; background-color:#F9F9F9; }
|