| @@ -106,8 +106,12 @@ | ||
| 106 | 106 | .visualizer-chart-export { |
| 107 | 107 | background-position: -46px -64px; |
| 108 | 108 | } |
| 109 | 109 | |
| 110 | +.visualizer-chart-image { | |
| 111 | + background-position: -206px -129px; | |
| 112 | +} | |
| 113 | + | |
| 110 | 114 | .visualizer-nochart-clone, |
| 111 | 115 | .visualizer-nochart-delete, |
| 112 | 116 | .visualizer-nochart-edit { |
| 113 | 117 | opacity: 0.5; |
| @@ -150,15 +154,18 @@ | ||
| 150 | 154 | text-align: right; |
| 151 | 155 | } |
| 152 | 156 | |
| 153 | 157 | #visualizer-sidebar { |
| 154 | - display: table-cell; | |
| 155 | - width: 250px; | |
| 158 | + clear: both; | |
| 159 | + margin: 20px 0px; | |
| 160 | + width: 96%; | |
| 156 | 161 | } |
| 157 | 162 | |
| 158 | 163 | .visualizer-sidebar-box ul li { |
| 159 | 164 | margin: 4px 0; |
| 160 | 165 | color: #23282d; |
| 166 | + float: left; | |
| 167 | + width: 25%; | |
| 161 | 168 | } |
| 162 | 169 | |
| 163 | 170 | .visualizer-sidebar-box ul { |
| 164 | 171 | margin-left: 40px; |
| @@ -167,15 +174,12 @@ | ||
| 167 | 174 | } |
| 168 | 175 | |
| 169 | 176 | .visualizer-sidebar-box { |
| 170 | 177 | display: block; |
| 171 | - width: 95%; | |
| 172 | - margin: 0; | |
| 173 | - margin-top: 20px; | |
| 174 | - margin-left: 2.5%; | |
| 175 | 178 | padding-top: 10px; |
| 176 | 179 | padding-bottom: 15px; |
| 177 | 180 | border-top: 5px solid #0073aa; |
| 181 | + border-bottom: 5px solid #0073aa; | |
| 178 | 182 | color: #0073aa; |
| 179 | 183 | background: white; |
| 180 | 184 | text-align: center; |
| 181 | 185 | } |
| @@ -287,18 +291,18 @@ | ||
| 287 | 291 | font-weight: bold; |
| 288 | 292 | text-align: center; |
| 289 | 293 | } |
| 290 | 294 | |
| 295 | +div.visualizer-library-form .viz-filter { | |
| 296 | + vertical-align: middle; | |
| 297 | +} | |
| 298 | + | |
| 291 | 299 | button.media-modal-close { |
| 292 | 300 | display: none !important; |
| 293 | 301 | } |
| 294 | 302 | |
| 295 | -.dataTables_scrollBody { | |
| 296 | - overflow: hidden !important; | |
| 297 | -} | |
| 298 | - | |
| 299 | 303 | .dataTables_wrapper { |
| 300 | - height: 300px; | |
| 304 | + max-height: 300px; | |
| 301 | 305 | overflow: hidden !important; |
| 302 | 306 | } |
| 303 | 307 | |
| 304 | 308 | /* datatables */ |
| @@ -303,5 +307,33 @@ | ||
| 303 | 307 | |
| 304 | 308 | /* datatables */ |
| 305 | 309 | .dt-button { |
| 306 | 310 | display: none !important; |
| 307 | -} | |
| 311 | +} | |
| 312 | + | |
| 313 | +/* chartjs */ | |
| 314 | +#visualizer-library canvas.chartjs-render-monitor { | |
| 315 | + height: 100% !important; | |
| 316 | +} | |
| 317 | + | |
| 318 | +div#visualizer-types ul, div#visualizer-types form p { | |
| 319 | + vertical-align: middle; | |
| 320 | + margin: 0; | |
| 321 | +} | |
| 322 | + | |
| 323 | +.visualizer-chart-status { | |
| 324 | + padding: 3px 0; | |
| 325 | + color: #aaa; | |
| 326 | + text-shadow: 0 1px 0 #fff; | |
| 327 | +} | |
| 328 | + | |
| 329 | +.visualizer-chart-status span.visualizer-error { | |
| 330 | + float: right; | |
| 331 | +} | |
| 332 | + | |
| 333 | +.visualizer-error i { | |
| 334 | + color: green; | |
| 335 | +} | |
| 336 | +.visualizer-error i.error { | |
| 337 | + color: red; | |
| 338 | + cursor: pointer; | |
| 339 | +} | |
