Show More
@@ -927,12 +927,9 b' div.text_cell_render{outline:none;resize:none;width:inherit;border-style:none;pa' | |||||
927 | .ansicyan{color:steelblue;} |
|
927 | .ansicyan{color:steelblue;} | |
928 | .ansigrey{color:grey;} |
|
928 | .ansigrey{color:grey;} | |
929 | .ansibold{font-weight:bold;} |
|
929 | .ansibold{font-weight:bold;} | |
930 | .completions{position:absolute;z-index:10;overflow:hidden;border:1px solid #ababab;} |
|
930 | .completions{position:absolute;z-index:10;overflow:hidden;border:1px solid #ababab;border-radius:4px;-webkit-box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);-moz-box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);} | |
931 | .completions select{background:white;outline:none;border:none;padding:0px;margin:0px;overflow:auto;font-family:monospace;} |
|
931 | .completions select{background:white;outline:none;border:none;padding:0px;margin:0px;overflow:auto;font-family:monospace;font-size:110%;color:#000000;} | |
932 | option.context{background-color:#DEF7FF;} |
|
932 | option.context{background-color:#DEF7FF;} | |
933 | option.introspection{background-color:#EBF4EB;} |
|
|||
934 | .completions p b{font-weight:bold;} |
|
|||
935 | .completions p{background:#DDF;border-bottom:black solid 1px;padding:1px;font-family:monospace;} |
|
|||
936 | pre.dialog{background-color:#f7f7f7;border:1px solid #ddd;border-radius:4px;padding:0.4em;padding-left:2em;} |
|
933 | pre.dialog{background-color:#f7f7f7;border:1px solid #ddd;border-radius:4px;padding:0.4em;padding-left:2em;} | |
937 | p.dialog{padding:0.2em;} |
|
934 | p.dialog{padding:0.2em;} | |
938 | .shortcut_key{display:inline-block;width:15ex;text-align:right;font-family:monospace;} |
|
935 | .shortcut_key{display:inline-block;width:15ex;text-align:right;font-family:monospace;} |
@@ -194,12 +194,12 b' var IPython = (function (IPython) {' | |||||
194 | this.complete.attr('id', 'complete'); |
|
194 | this.complete.attr('id', 'complete'); | |
195 |
|
195 | |||
196 | this.sel = $('<select style="width: auto"/>').attr('multiple', 'true').attr('size', Math.min(10, this.raw_result.length)); |
|
196 | this.sel = $('<select style="width: auto"/>').attr('multiple', 'true').attr('size', Math.min(10, this.raw_result.length)); | |
197 | var pos = this.editor.cursorCoords(); |
|
197 | //var pos = this.editor.cursorCoords(); | |
198 |
|
198 | var cur = this.editor.getCursor(); | ||
199 | // TODO: I propose to remove enough horizontal pixel |
|
199 | cur.ch = cur.ch-matched_text.length; | |
200 | // to align the text later |
|
200 | var pos = this.editor.cursorCoords(cur); | |
201 | this.complete.css('left', pos.left + 'px'); |
|
201 | this.complete.css('left', pos.left-3 + 'px'); | |
202 | this.complete.css('top', pos.bottom + 'px'); |
|
202 | this.complete.css('top', pos.bottom+1 + 'px'); | |
203 | this.complete.append(this.sel); |
|
203 | this.complete.append(this.sel); | |
204 |
|
204 | |||
205 | $('body').append(this.complete); |
|
205 | $('body').append(this.complete); |
@@ -408,6 +408,11 b' div.text_cell_render {' | |||||
408 | z-index: 10; |
|
408 | z-index: 10; | |
409 | overflow: hidden; |
|
409 | overflow: hidden; | |
410 | border: 1px solid @border_color; |
|
410 | border: 1px solid @border_color; | |
|
411 | .corner-all; | |||
|
412 | .box-shadow(0 5px 10px rgba(0,0,0,.2)); | |||
|
413 | // -moz-box-shadow: 0px 6px 10px -1px #adadad; | |||
|
414 | // -webkit-box-shadow: 0px 6px 10px -1px #adadad; | |||
|
415 | // box-shadow: 0px 6px 10px -1px #adadad; | |||
411 | } |
|
416 | } | |
412 |
|
417 | |||
413 | .completions select { |
|
418 | .completions select { | |
@@ -418,28 +423,13 b' div.text_cell_render {' | |||||
418 | margin: 0px; |
|
423 | margin: 0px; | |
419 | overflow: auto; |
|
424 | overflow: auto; | |
420 | font-family: monospace; |
|
425 | font-family: monospace; | |
|
426 | font-size: 110%; | |||
|
427 | color: @fontBaseColor; | |||
421 | } |
|
428 | } | |
422 |
|
429 | |||
423 | option.context { |
|
430 | option.context { | |
424 | background-color: #DEF7FF; |
|
431 | background-color: #DEF7FF; | |
425 | } |
|
432 | } | |
426 | option.introspection { |
|
|||
427 | background-color: #EBF4EB; |
|
|||
428 | } |
|
|||
429 |
|
||||
430 | /*fixed part of the completion*/ |
|
|||
431 | .completions p b { |
|
|||
432 | font-weight:bold; |
|
|||
433 | } |
|
|||
434 |
|
||||
435 | .completions p { |
|
|||
436 | background: #DDF; |
|
|||
437 | /*outline: none; |
|
|||
438 | padding: 0px;*/ |
|
|||
439 | border-bottom: black solid 1px; |
|
|||
440 | padding: 1px; |
|
|||
441 | font-family: monospace; |
|
|||
442 | } |
|
|||
443 |
|
433 | |||
444 | pre.dialog { |
|
434 | pre.dialog { | |
445 | background-color: @cell_background; |
|
435 | background-color: @cell_background; |
General Comments 0
You need to be logged in to leave comments.
Login now