| @@ -88,8 +88,12 @@ | ||
| 88 | 88 | cursor: pointer; |
| 89 | 89 | transition: 0.15s color ease-in-out,0.15s background-color ease-in-out,0.15s border-color ease-in-out; |
| 90 | 90 | } |
| 91 | 91 | |
| 92 | +.viz-title-small { | |
| 93 | + font-size: smaller; | |
| 94 | +} | |
| 95 | + | |
| 92 | 96 | .viz-group-wrapper .viz-group .viz-group:hover .viz-group-title, |
| 93 | 97 | .viz-group-wrapper .viz-group .viz-group.open .viz-group-title { |
| 94 | 98 | border-left-color: #0073aa; |
| 95 | 99 | color: #0073aa; |
| @@ -440,9 +444,9 @@ | ||
| 440 | 444 | height: 205px; |
| 441 | 445 | padding: 15px; |
| 442 | 446 | border: 1px solid #e0e0e0; |
| 443 | 447 | background-color: white; |
| 444 | - background-image: url(../images/chart_types_g.png); | |
| 448 | + background-image: url(../images/chart_types_june2019_g.png); | |
| 445 | 449 | background-repeat: no-repeat; |
| 446 | 450 | background-position: center center; |
| 447 | 451 | } |
| 448 | 452 | |
| @@ -447,9 +451,9 @@ | ||
| 447 | 451 | } |
| 448 | 452 | |
| 449 | 453 | .type-label-selected, |
| 450 | 454 | .type-box > .type-label:hover { |
| 451 | - background-image: url(../images/chart_types.png); | |
| 455 | + background-image: url(../images/chart_types_june2019.png); | |
| 452 | 456 | } |
| 453 | 457 | |
| 454 | 458 | .type-box-area .type-label { |
| 455 | 459 | background-position: 0 -225px; |
| @@ -502,8 +506,16 @@ | ||
| 502 | 506 | .type-box-combo .type-label { |
| 503 | 507 | background-position: -597px -670px; |
| 504 | 508 | } |
| 505 | 509 | |
| 510 | +.type-box-polarArea .type-label { | |
| 511 | + background-position: -2px -912px; | |
| 512 | +} | |
| 513 | + | |
| 514 | +.type-box-radar .type-label { | |
| 515 | + background-position: -301px -899px; | |
| 516 | +} | |
| 517 | + | |
| 506 | 518 | /******************************************************************************/ |
| 507 | 519 | /******************************** OTHER STYLES ******************************/ |
| 508 | 520 | /******************************************************************************/ |
| 509 | 521 | |
| @@ -761,8 +773,16 @@ | ||
| 761 | 773 | .hidden-setting { |
| 762 | 774 | display: none; |
| 763 | 775 | } |
| 764 | 776 | |
| 777 | +.viz-select-library { | |
| 778 | + color: #0085ba; | |
| 779 | +} | |
| 780 | + | |
| 781 | +.viz-select-library option:first-child { | |
| 782 | + font-weight: bold; | |
| 783 | +} | |
| 784 | + | |
| 765 | 785 | /* ====== RESPONSIVE ====== */ |
| 766 | 786 | |
| 767 | 787 | @media (max-width: 1366px) { |
| 768 | 788 | #rate-stars { |
| @@ -1301,21 +1321,146 @@ | ||
| 1301 | 1321 | .db-wizard-error { |
| 1302 | 1322 | color: #f00; |
| 1303 | 1323 | } |
| 1304 | 1324 | |
| 1305 | -.db-wizard-hints { | |
| 1325 | +.db-wizard-hints, | |
| 1326 | +.json-wizard-hints, | |
| 1327 | +.html-table-editor-hints { | |
| 1306 | 1328 | margin-bottom: 30px; |
| 1307 | 1329 | color: #0085ba; |
| 1308 | 1330 | } |
| 1309 | 1331 | |
| 1310 | 1332 | .db-wizard-hints .visualizer-emboss, |
| 1311 | -.db-wizard-hints a { | |
| 1333 | +.db-wizard-hints a, | |
| 1334 | +.html-table-editor-hints a, | |
| 1335 | +.json-wizard-hints .visualizer-emboss, | |
| 1336 | +.json-wizard-hints a { | |
| 1312 | 1337 | color: #f92472; |
| 1313 | 1338 | } |
| 1314 | 1339 | |
| 1315 | -.db-wizard-hints ul { | |
| 1340 | +.db-wizard-hints ul, | |
| 1341 | +.html-table-editor-hints ul, | |
| 1342 | +.json-wizard-hints ul { | |
| 1316 | 1343 | list-style: square; |
| 1317 | 1344 | } |
| 1318 | 1345 | |
| 1319 | 1346 | .db-wizard-results .dataTables_wrapper .dataTables_info { |
| 1320 | 1347 | width: calc(100% - 17px); |
| 1348 | +} | |
| 1349 | + | |
| 1350 | +#vz-chart-docs { | |
| 1351 | + right: 85px; | |
| 1352 | + bottom: 40px; | |
| 1353 | + width: 35%; | |
| 1354 | +} | |
| 1355 | + | |
| 1356 | +#vz-chart-docs a { | |
| 1357 | + text-decoration: none; | |
| 1358 | +} | |
| 1359 | + | |
| 1360 | +/******************************************************************************/ | |
| 1361 | +/******************************** data tables *******************************/ | |
| 1362 | +/******************************************************************************/ | |
| 1363 | +.db-wizard-results .dt-button { | |
| 1364 | + display: none !important; | |
| 1365 | +} | |
| 1366 | + | |
| 1367 | +.dt-button.buttons-print { | |
| 1368 | + display: none; | |
| 1369 | +} | |
| 1370 | + | |
| 1371 | +/******************************************************************************/ | |
| 1372 | +/******************************** json table *********************************/ | |
| 1373 | +/******************************************************************************/ | |
| 1374 | +#json-conclude-form .results { | |
| 1375 | + min-width: 10px !important; | |
| 1376 | +} | |
| 1377 | + | |
| 1378 | +#json-conclude-form .json-table, | |
| 1379 | +#vz-import-json-url, | |
| 1380 | +#vz-import-json-root, | |
| 1381 | +#vz-import-json-paging { | |
| 1382 | + width: 85%; | |
| 1383 | +} | |
| 1384 | + | |
| 1385 | +#json-conclude-form .json-table, | |
| 1386 | +#json-conclude-form button#visualizer-json-conclude { | |
| 1387 | + display: inline-block; | |
| 1388 | + vertical-align: middle; | |
| 1389 | +} | |
| 1390 | + | |
| 1391 | +.viz-editor-table tbody tr:first-child { | |
| 1392 | + background-color: #ececec !important; | |
| 1393 | +} | |
| 1394 | + | |
| 1395 | +.viz-editor-table tr th { | |
| 1396 | + background-color: #cccccc; | |
| 1397 | +} | |
| 1398 | + | |
| 1399 | +.viz-editor-table thead tr th:nth-child(n+1) { | |
| 1400 | + cursor: move !important; | |
| 1401 | +} | |
| 1402 | + | |
| 1403 | +#json-conclude-form .json-wizard-hints .info, | |
| 1404 | +.html-table-editor-hints .info { | |
| 1405 | + margin: 1% 0px; | |
| 1406 | +} | |
| 1407 | + | |
| 1408 | +.viz-step.ui-state-active { | |
| 1409 | + border-color: #0085BA !important; | |
| 1410 | + background: #0085BA !important; | |
| 1411 | + color: #ffffff; | |
| 1412 | +} | |
| 1413 | + | |
| 1414 | +/******************************************************************************/ | |
| 1415 | +/******************************** html table editor **************************/ | |
| 1416 | +/******************************************************************************/ | |
| 1417 | +.viz-simple-editor-type, | |
| 1418 | +.viz-simple-editor { | |
| 1419 | + display: none; | |
| 1420 | +} | |
| 1421 | + | |
| 1422 | +.viz-table-editor { | |
| 1423 | + width: 75%; | |
| 1424 | + margin-left: 2%; | |
| 1425 | +} | |
| 1426 | + | |
| 1427 | +.viz-html-table, | |
| 1428 | +button#visualizer-save-html-table { | |
| 1429 | + display: inline-block; | |
| 1430 | + vertical-align: middle; | |
| 1431 | +} | |
| 1432 | + | |
| 1433 | + | |
| 1434 | +/******************************************************************************/ | |
| 1435 | +/******************************** text area editor **************************/ | |
| 1436 | +/******************************************************************************/ | |
| 1437 | +.viz-text-editor { | |
| 1438 | + padding: 20px; | |
| 1439 | + z-index: 9999; | |
| 1440 | + box-sizing: border-box; | |
| 1441 | + padding-right: 320px; | |
| 1442 | +} | |
| 1443 | + | |
| 1444 | +.viz-text-editor textarea { | |
| 1445 | + width: 85%; | |
| 1446 | + overflow: auto; | |
| 1447 | + background: #282923; | |
| 1448 | + color: #ffffff; | |
| 1449 | + padding: 15px; | |
| 1450 | + height: 400px; | |
| 1451 | + font-size: 15px; | |
| 1452 | +} | |
| 1453 | + | |
| 1454 | +.viz-text-editor textarea, | |
| 1455 | +button#viz-text-editor-button { | |
| 1456 | + display: inline-block; | |
| 1457 | + vertical-align: middle; | |
| 1458 | +} | |
| 1459 | + | |
| 1460 | +/******************************************************************************/ | |
| 1461 | +/******************************** chartjs ***********************************/ | |
| 1462 | +/******************************************************************************/ | |
| 1463 | + | |
| 1464 | +canvas.chartjs-render-monitor { | |
| 1465 | + height: 500px !important; | |
| 1321 | 1466 | } |
