| @@ -51,9 +51,8 @@ | ||
| 51 | 51 | border: 1px solid #ddd; |
| 52 | 52 | background-color: #efefef; |
| 53 | 53 | box-shadow: 0 0 8px #ddd; |
| 54 | 54 | } |
| 55 | - | |
| 56 | 55 | .visualizer-chart-canvas { |
| 57 | 56 | position: relative; |
| 58 | 57 | width: 30%; |
| 59 | 58 | height: 18.75%; |
| @@ -106,10 +105,24 @@ | ||
| 106 | 105 | .visualizer-chart-export { |
| 107 | 106 | background-position: -46px -64px; |
| 108 | 107 | } |
| 109 | 108 | |
| 109 | +.visualizer-nochart-shortcode, | |
| 110 | +.visualizer-chart-shortcode { | |
| 111 | + background-position: -143px -126px; | |
| 112 | + float: left; | |
| 113 | +} | |
| 114 | + | |
| 115 | +.visualizer-nochart-image, | |
| 116 | +.visualizer-chart-image { | |
| 117 | + background-position: -206px -129px; | |
| 118 | +} | |
| 119 | + | |
| 110 | 120 | .visualizer-nochart-clone, |
| 111 | 121 | .visualizer-nochart-delete, |
| 122 | +.visualizer-nochart-shortcode, | |
| 123 | +.visualizer-nochart-export, | |
| 124 | +.visualizer-nochart-image, | |
| 112 | 125 | .visualizer-nochart-edit { |
| 113 | 126 | opacity: 0.5; |
| 114 | 127 | |
| 115 | 128 | -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; |
| @@ -150,15 +163,18 @@ | ||
| 150 | 163 | text-align: right; |
| 151 | 164 | } |
| 152 | 165 | |
| 153 | 166 | #visualizer-sidebar { |
| 154 | - display: table-cell; | |
| 155 | - width: 250px; | |
| 167 | + clear: both; | |
| 168 | + margin: 20px 0px; | |
| 169 | + width: 96%; | |
| 156 | 170 | } |
| 157 | 171 | |
| 158 | 172 | .visualizer-sidebar-box ul li { |
| 159 | 173 | margin: 4px 0; |
| 160 | 174 | color: #23282d; |
| 175 | + float: left; | |
| 176 | + width: 25%; | |
| 161 | 177 | } |
| 162 | 178 | |
| 163 | 179 | .visualizer-sidebar-box ul { |
| 164 | 180 | margin-left: 40px; |
| @@ -167,15 +183,12 @@ | ||
| 167 | 183 | } |
| 168 | 184 | |
| 169 | 185 | .visualizer-sidebar-box { |
| 170 | 186 | display: block; |
| 171 | - width: 95%; | |
| 172 | - margin: 0; | |
| 173 | - margin-top: 20px; | |
| 174 | - margin-left: 2.5%; | |
| 175 | 187 | padding-top: 10px; |
| 176 | 188 | padding-bottom: 15px; |
| 177 | 189 | border-top: 5px solid #0073aa; |
| 190 | + border-bottom: 5px solid #0073aa; | |
| 178 | 191 | color: #0073aa; |
| 179 | 192 | background: white; |
| 180 | 193 | text-align: center; |
| 181 | 194 | } |
| @@ -285,5 +298,54 @@ | ||
| 285 | 298 | .visualizer-chart-title { |
| 286 | 299 | padding-bottom: 5px; |
| 287 | 300 | font-weight: bold; |
| 288 | 301 | text-align: center; |
| 302 | + text-overflow: ellipsis; | |
| 303 | + white-space: nowrap; | |
| 304 | + overflow: hidden; | |
| 305 | +} | |
| 306 | + | |
| 307 | +div.visualizer-library-form .viz-filter { | |
| 308 | + vertical-align: middle; | |
| 309 | +} | |
| 310 | + | |
| 311 | +button.media-modal-close { | |
| 312 | + display: none !important; | |
| 313 | +} | |
| 314 | + | |
| 315 | +.dataTables_wrapper { | |
| 316 | + max-height: 300px; | |
| 317 | + overflow: hidden !important; | |
| 318 | +} | |
| 319 | + | |
| 320 | +/* datatables */ | |
| 321 | +.dt-button { | |
| 322 | + display: none !important; | |
| 323 | +} | |
| 324 | + | |
| 325 | +/* chartjs */ | |
| 326 | +#visualizer-library canvas.chartjs-render-monitor { | |
| 327 | + height: 100% !important; | |
| 328 | +} | |
| 329 | + | |
| 330 | +div#visualizer-types ul, div#visualizer-types form p { | |
| 331 | + vertical-align: middle; | |
| 332 | + margin: 0; | |
| 333 | +} | |
| 334 | + | |
| 335 | +.visualizer-chart-status { | |
| 336 | + padding: 3px 0; | |
| 337 | + color: #aaa; | |
| 338 | + text-shadow: 0 1px 0 #fff; | |
| 339 | +} | |
| 340 | + | |
| 341 | +.visualizer-chart-status span.visualizer-error { | |
| 342 | + float: right; | |
| 343 | +} | |
| 344 | + | |
| 345 | +.visualizer-error i { | |
| 346 | + color: green; | |
| 347 | +} | |
| 348 | +.visualizer-error i.error { | |
| 349 | + color: red; | |
| 350 | + cursor: pointer; | |
| 289 | 351 | } |
