Show More
@@ -3,21 +3,15 b'' | |||
|
3 | 3 | |
|
4 | 4 | .celltoolbar { |
|
5 | 5 | border: thin solid #CFCFCF; |
|
6 | margin-left: 0px; | |
|
7 | 6 | border-bottom: none; |
|
8 | margin:0; | |
|
9 | padding:0; | |
|
10 | 7 | background : #EEE; |
|
11 | 8 | border-top-right-radius: 3px; |
|
12 | 9 | border-top-left-radius: 3px; |
|
10 | width:100%; | |
|
11 | -webkit-box-pack: end; | |
|
12 | height:20px; | |
|
13 | 13 | } |
|
14 | 14 | |
|
15 | .celltoolbar div{ | |
|
16 | line-height: 0; | |
|
17 | margin:0; | |
|
18 | padding:0; | |
|
19 | } | |
|
20 | ||
|
21 | 15 | |
|
22 | 16 | .no_input_radius { |
|
23 | 17 | border-top-right-radius: 0px; |
@@ -33,12 +27,19 b'' | |||
|
33 | 27 | } |
|
34 | 28 | |
|
35 | 29 | .ctb_hideshow { |
|
36 |
display: |
|
|
30 | display:none; | |
|
31 | vertical-align:bottom; | |
|
32 | padding-right: 2px; | |
|
33 | } | |
|
34 | ||
|
35 | .celltoolbar > div { | |
|
36 | padding-top: 0px; | |
|
37 | 37 | } |
|
38 | 38 | |
|
39 | 39 | .ctb_area { |
|
40 | 40 | margin:0; |
|
41 | 41 | padding:0; |
|
42 | width:100%; | |
|
42 | 43 | |
|
43 | 44 | } |
|
44 | 45 | |
@@ -47,10 +48,10 b'' | |||
|
47 | 48 | all or one cell's toolbars. |
|
48 | 49 | */ |
|
49 | 50 | .ctb_show.ctb_hideshow, .ctb_show .ctb_hideshow { |
|
50 |
display: |
|
|
51 | display:block; | |
|
51 | 52 | } |
|
52 | 53 | |
|
53 |
.ctb_show . |
|
|
54 | .ctb_show .input_area, | |
|
54 | 55 | .ctb_show .ctb_hideshow + div.text_cell_input { |
|
55 | 56 | border-top-right-radius: 0px; |
|
56 | 57 | border-top-left-radius: 0px; |
@@ -62,28 +63,32 b" all or one cell's toolbars." | |||
|
62 | 63 | } |
|
63 | 64 | |
|
64 | 65 | .button_container { |
|
65 | float: right; | |
|
66 |
|
|
|
66 | margin-top:0; | |
|
67 | margin-bottom:0; | |
|
67 | 68 | } |
|
68 | 69 | |
|
69 | .button_container .ui-state-default, .button_container .ui-state-hover, .button_container .ui-state-hover span{ | |
|
70 | border-radius : 0 0 0 0; | |
|
71 | border : none; | |
|
72 | } | |
|
73 | 70 | |
|
71 | .ui-button { | |
|
72 | min-width:30px; | |
|
73 | } | |
|
74 | 74 | .celltoolbar .button_container select { |
|
75 | 75 | margin: 10px; |
|
76 |
margin-top: |
|
|
76 | margin-top: 1px; | |
|
77 | 77 | margin-bottom: 0px; |
|
78 | padding:0; | |
|
78 | 79 | font-size: 87%; |
|
79 | height:18px; | |
|
80 | display:inline; | |
|
81 | 80 | width:auto; |
|
81 | display:inline-block; | |
|
82 | height:18px; | |
|
83 | line-height:18px; | |
|
84 | vertical-align:top; | |
|
82 | 85 | } |
|
83 | 86 | |
|
84 | 87 | .celltoolbar label{ |
|
85 | display:inline; | |
|
86 |
|
|
|
88 | display:inline-block; | |
|
89 | height:15px; | |
|
90 | line-height:15px; | |
|
91 | vertical-align:top; | |
|
87 | 92 | } |
|
88 | 93 | |
|
89 | 94 | .celltoolbar label span { |
@@ -97,7 +102,8 b" all or one cell's toolbars." | |||
|
97 | 102 | } |
|
98 | 103 | |
|
99 | 104 | |
|
100 | .celltoolbar ui-button { | |
|
105 | .celltoolbar .ui-button { | |
|
101 | 106 | border: none; |
|
107 | vertical-align:top; | |
|
108 | height:20px; | |
|
102 | 109 | } |
|
103 |
@@ -34,15 +34,9 b' var IPython = (function (IPython) {' | |||
|
34 | 34 | |
|
35 | 35 | |
|
36 | 36 | CellToolbar.prototype.create_element = function () { |
|
37 |
this.inner_element = $('<div/>') |
|
|
38 | var ctb_element = $('<div/>').addClass('celltoolbar') | |
|
39 | .append(this.inner_element); | |
|
40 | ctb_element.addClass('box-flex1'); | |
|
41 | var ctb_area = $('<div/>').addClass('ctb_area hbox'); | |
|
42 | var ctb_prompt = $('<div/>').addClass('ctb_prompt prompt'); | |
|
43 | ctb_area.append(ctb_prompt).append(ctb_element); | |
|
37 | this.inner_element = $('<div/>').addClass('celltoolbar hbox reverse') | |
|
44 | 38 | this.element = $('<div/>').addClass('ctb_hideshow') |
|
45 |
.append( |
|
|
39 | .append(this.inner_element); | |
|
46 | 40 | }; |
|
47 | 41 | |
|
48 | 42 |
@@ -64,11 +64,12 b' var IPython = (function (IPython) {' | |||
|
64 | 64 | cell.attr('tabindex','2'); |
|
65 | 65 | |
|
66 | 66 | this.celltoolbar = new IPython.CellToolbar(this); |
|
67 | cell.append(this.celltoolbar.element); | |
|
68 | 67 | |
|
69 | 68 | var input = $('<div></div>').addClass('input hbox'); |
|
69 | var vbox = $('<div/>').addClass('vbox box-flex1') | |
|
70 | 70 | input.append($('<div/>').addClass('prompt input_prompt')); |
|
71 | var input_area = $('<div/>').addClass('input_area box-flex1'); | |
|
71 | vbox.append(this.celltoolbar.element); | |
|
72 | var input_area = $('<div/>').addClass('input_area'); | |
|
72 | 73 | this.code_mirror = CodeMirror(input_area.get(0), { |
|
73 | 74 | indentUnit : 4, |
|
74 | 75 | mode: 'python', |
@@ -78,7 +79,8 b' var IPython = (function (IPython) {' | |||
|
78 | 79 | onKeyEvent: $.proxy(this.handle_codemirror_keyevent,this), |
|
79 | 80 | matchBrackets: true |
|
80 | 81 | }); |
|
81 |
|
|
|
82 | vbox.append(input_area); | |
|
83 | input.append(vbox); | |
|
82 | 84 | var output = $('<div></div>'); |
|
83 | 85 | cell.append(input).append(output); |
|
84 | 86 | this.element = cell; |
General Comments 0
You need to be logged in to leave comments.
Login now