@@ -66,77 +66,82 @@ export class SimpleEditor extends PureComponent<PanelEditorProps<SimpleOptions>>
66
66
< div >
67
67
{ /*<FormField label="Title" value={this.props.options.title} onChange={this.onTextChanged} />*/ }
68
68
69
- < div className = "section gf-form-group" >
69
+ < div className = "section gf-form-group" style = { { width : '100%' } } >
70
70
< h5 className = "section-heading" > Data</ h5 >
71
71
< div className = "gf-form-inline" >
72
- < div className = "gf-form" >
72
+ < div className = "gf-form" style = { { width : '100%' } } >
73
73
< AceEditor
74
74
mode = "javascript"
75
75
theme = { theme }
76
76
name = "dashboard_data"
77
77
height = "150px"
78
+ width = "100%"
78
79
value = { JSON . stringify ( this . props . options . data , null , 4 ) }
79
80
onBlur = { this . onDataChanged }
80
81
/>
81
82
</ div >
82
83
</ div >
83
84
</ div >
84
- < div className = "section gf-form-group" >
85
+ < div className = "section gf-form-group" style = { { width : '100%' } } >
85
86
< h5 className = "section-heading" > Layout</ h5 >
86
87
< div className = "gf-form-inline" >
87
- < div className = "gf-form" >
88
+ < div className = "gf-form" style = { { width : '100%' } } >
88
89
< AceEditor
89
90
mode = "javascript"
90
91
theme = { theme }
91
92
name = "dashboard_layout"
92
93
height = "150px"
94
+ width = "100%"
93
95
value = { JSON . stringify ( this . props . options . layout , null , 4 ) }
94
96
onBlur = { this . onLayoutChanged }
95
97
/>
96
98
</ div >
97
99
</ div >
98
100
</ div >
99
- < div className = "section gf-form-group" >
101
+ < div className = "section gf-form-group" style = { { width : '100%' } } >
100
102
< h5 className = "section-heading" > Config</ h5 >
101
103
< div className = "gf-form-inline" >
102
- < div className = "gf-form" >
104
+ < div className = "gf-form" style = { { width : '100%' } } >
103
105
< AceEditor
104
106
mode = "javascript"
105
107
theme = { theme }
106
108
name = "dashboard_config"
107
109
height = "150px"
110
+ width = "100%"
108
111
value = { JSON . stringify ( this . props . options . config , null , 4 ) }
109
112
onBlur = { this . onConfigChanged }
110
113
/>
111
114
</ div >
112
115
</ div >
113
116
</ div >
114
117
115
- < div className = "section gf-form-group" >
118
+ < div className = "section gf-form-group" style = { { width : '100%' } } >
116
119
< h5 className = "section-heading" > Script</ h5 >
117
120
< div className = "gf-form-inline" >
118
- < div className = "gf-form" >
121
+ < div className = "gf-form" style = { { width : '100%' } } >
119
122
< AceEditor
120
123
mode = "javascript"
121
124
theme = { theme }
122
125
name = "dashboard_script"
123
126
height = "150px"
127
+ width = "100%"
124
128
value = { this . props . options . script }
125
129
onBlur = { this . onScriptChanged }
126
130
/>
127
131
</ div >
128
132
</ div >
129
133
</ div >
130
134
131
- < div className = "section gf-form-group" >
132
- < h5 className = "section-heading" > on Click Function </ h5 >
135
+ < div className = "section gf-form-group" style = { { width : '100%' } } >
136
+ < h5 className = "section-heading" > Click script </ h5 >
133
137
< div className = "gf-form-inline" >
134
- < div className = "gf-form" >
138
+ < div className = "gf-form" style = { { width : '100%' } } >
135
139
< AceEditor
136
140
mode = "javascript"
137
141
theme = { theme }
138
142
name = "dashboard_onclick"
139
143
height = "150px"
144
+ width = "100%"
140
145
value = { this . props . options . onclick }
141
146
onBlur = { this . onClickChanged }
142
147
/>
0 commit comments