| @@ -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; |
| @@ -258,8 +262,19 @@ | ||
| 258 | 262 | font-weight: normal; |
| 259 | 263 | text-decoration: none; |
| 260 | 264 | } |
| 261 | 265 | |
| 266 | +.viz-info-msg { | |
| 267 | + font-weight: bold !important; | |
| 268 | + font-style: italic; | |
| 269 | +} | |
| 270 | + | |
| 271 | +.viz-info-msg::before { | |
| 272 | + font-family: dashicons; | |
| 273 | + content: "\f488"; | |
| 274 | + margin-right: 5px; | |
| 275 | +} | |
| 276 | + | |
| 262 | 277 | .viz-section-description { |
| 263 | 278 | margin: 0; |
| 264 | 279 | /*display: none;*/ |
| 265 | 280 | padding: 0; |
| @@ -440,9 +455,9 @@ | ||
| 440 | 455 | height: 205px; |
| 441 | 456 | padding: 15px; |
| 442 | 457 | border: 1px solid #e0e0e0; |
| 443 | 458 | background-color: white; |
| 444 | - background-image: url(../images/chart_types_g.png); | |
| 459 | + background-image: url(../images/chart_types_june2019_g.png); | |
| 445 | 460 | background-repeat: no-repeat; |
| 446 | 461 | background-position: center center; |
| 447 | 462 | } |
| 448 | 463 | |
| @@ -447,9 +462,9 @@ | ||
| 447 | 462 | } |
| 448 | 463 | |
| 449 | 464 | .type-label-selected, |
| 450 | 465 | .type-box > .type-label:hover { |
| 451 | - background-image: url(../images/chart_types.png); | |
| 466 | + background-image: url(../images/chart_types_june2019.png); | |
| 452 | 467 | } |
| 453 | 468 | |
| 454 | 469 | .type-box-area .type-label { |
| 455 | 470 | background-position: 0 -225px; |
| @@ -502,8 +517,16 @@ | ||
| 502 | 517 | .type-box-combo .type-label { |
| 503 | 518 | background-position: -597px -670px; |
| 504 | 519 | } |
| 505 | 520 | |
| 521 | +.type-box-polarArea .type-label { | |
| 522 | + background-position: -2px -912px; | |
| 523 | +} | |
| 524 | + | |
| 525 | +.type-box-radar .type-label { | |
| 526 | + background-position: -301px -899px; | |
| 527 | +} | |
| 528 | + | |
| 506 | 529 | /******************************************************************************/ |
| 507 | 530 | /******************************** OTHER STYLES ******************************/ |
| 508 | 531 | /******************************************************************************/ |
| 509 | 532 | |
| @@ -761,8 +784,16 @@ | ||
| 761 | 784 | .hidden-setting { |
| 762 | 785 | display: none; |
| 763 | 786 | } |
| 764 | 787 | |
| 788 | +.viz-select-library { | |
| 789 | + color: #0085ba; | |
| 790 | +} | |
| 791 | + | |
| 792 | +.viz-select-library option:first-child { | |
| 793 | + font-weight: bold; | |
| 794 | +} | |
| 795 | + | |
| 765 | 796 | /* ====== RESPONSIVE ====== */ |
| 766 | 797 | |
| 767 | 798 | @media (max-width: 1366px) { |
| 768 | 799 | #rate-stars { |
| @@ -1301,19 +1332,26 @@ | ||
| 1301 | 1332 | .db-wizard-error { |
| 1302 | 1333 | color: #f00; |
| 1303 | 1334 | } |
| 1304 | 1335 | |
| 1305 | -.db-wizard-hints { | |
| 1336 | +.db-wizard-hints, | |
| 1337 | +.json-wizard-hints, | |
| 1338 | +.html-table-editor-hints { | |
| 1306 | 1339 | margin-bottom: 30px; |
| 1307 | 1340 | color: #0085ba; |
| 1308 | 1341 | } |
| 1309 | 1342 | |
| 1310 | 1343 | .db-wizard-hints .visualizer-emboss, |
| 1311 | -.db-wizard-hints a { | |
| 1344 | +.db-wizard-hints a, | |
| 1345 | +.html-table-editor-hints a, | |
| 1346 | +.json-wizard-hints .visualizer-emboss, | |
| 1347 | +.json-wizard-hints a { | |
| 1312 | 1348 | color: #f92472; |
| 1313 | 1349 | } |
| 1314 | 1350 | |
| 1315 | -.db-wizard-hints ul { | |
| 1351 | +.db-wizard-hints ul, | |
| 1352 | +.html-table-editor-hints ul, | |
| 1353 | +.json-wizard-hints ul { | |
| 1316 | 1354 | list-style: square; |
| 1317 | 1355 | } |
| 1318 | 1356 | |
| 1319 | 1357 | .db-wizard-results .dataTables_wrapper .dataTables_info { |
| @@ -1329,8 +1367,111 @@ | ||
| 1329 | 1367 | #vz-chart-docs a { |
| 1330 | 1368 | text-decoration: none; |
| 1331 | 1369 | } |
| 1332 | 1370 | |
| 1333 | -/* datatables */ | |
| 1334 | -.dt-button { | |
| 1371 | +/******************************************************************************/ | |
| 1372 | +/******************************** data tables *******************************/ | |
| 1373 | +/******************************************************************************/ | |
| 1374 | +.db-wizard-results .dt-button { | |
| 1335 | 1375 | display: none !important; |
| 1376 | +} | |
| 1377 | + | |
| 1378 | +.dt-button.buttons-print { | |
| 1379 | + display: none; | |
| 1380 | +} | |
| 1381 | + | |
| 1382 | +/******************************************************************************/ | |
| 1383 | +/******************************** json table *********************************/ | |
| 1384 | +/******************************************************************************/ | |
| 1385 | +#json-conclude-form .results { | |
| 1386 | + min-width: 10px !important; | |
| 1387 | +} | |
| 1388 | + | |
| 1389 | +#json-conclude-form .json-table, | |
| 1390 | +#vz-import-json-url, | |
| 1391 | +#vz-import-json-root, | |
| 1392 | +#vz-import-json-paging { | |
| 1393 | + width: 85%; | |
| 1394 | +} | |
| 1395 | + | |
| 1396 | +#json-conclude-form .json-table, | |
| 1397 | +#json-conclude-form button#visualizer-json-conclude { | |
| 1398 | + display: inline-block; | |
| 1399 | + vertical-align: middle; | |
| 1400 | +} | |
| 1401 | + | |
| 1402 | +.viz-editor-table tbody tr:first-child { | |
| 1403 | + background-color: #ececec !important; | |
| 1404 | +} | |
| 1405 | + | |
| 1406 | +.viz-editor-table tr th { | |
| 1407 | + background-color: #cccccc; | |
| 1408 | +} | |
| 1409 | + | |
| 1410 | +.viz-editor-table thead tr th:nth-child(n+1) { | |
| 1411 | + cursor: move !important; | |
| 1412 | +} | |
| 1413 | + | |
| 1414 | +#json-conclude-form .json-wizard-hints .info, | |
| 1415 | +.html-table-editor-hints .info { | |
| 1416 | + margin: 1% 0px; | |
| 1417 | +} | |
| 1418 | + | |
| 1419 | +.viz-step.ui-state-active { | |
| 1420 | + border-color: #0085BA !important; | |
| 1421 | + background: #0085BA !important; | |
| 1422 | + color: #ffffff; | |
| 1423 | +} | |
| 1424 | + | |
| 1425 | +/******************************************************************************/ | |
| 1426 | +/******************************** html table editor **************************/ | |
| 1427 | +/******************************************************************************/ | |
| 1428 | +.viz-simple-editor-type, | |
| 1429 | +.viz-simple-editor { | |
| 1430 | + display: none; | |
| 1431 | +} | |
| 1432 | + | |
| 1433 | +.viz-table-editor { | |
| 1434 | + width: 75%; | |
| 1435 | + margin-left: 2%; | |
| 1436 | +} | |
| 1437 | + | |
| 1438 | +.viz-html-table, | |
| 1439 | +button#visualizer-save-html-table { | |
| 1440 | + display: inline-block; | |
| 1441 | + vertical-align: middle; | |
| 1442 | +} | |
| 1443 | + | |
| 1444 | + | |
| 1445 | +/******************************************************************************/ | |
| 1446 | +/******************************** text area editor **************************/ | |
| 1447 | +/******************************************************************************/ | |
| 1448 | +.viz-text-editor { | |
| 1449 | + padding: 20px; | |
| 1450 | + z-index: 9999; | |
| 1451 | + box-sizing: border-box; | |
| 1452 | + padding-right: 320px; | |
| 1453 | +} | |
| 1454 | + | |
| 1455 | +.viz-text-editor textarea { | |
| 1456 | + width: 85%; | |
| 1457 | + overflow: auto; | |
| 1458 | + background: #282923; | |
| 1459 | + color: #ffffff; | |
| 1460 | + padding: 15px; | |
| 1461 | + height: 400px; | |
| 1462 | + font-size: 15px; | |
| 1463 | +} | |
| 1464 | + | |
| 1465 | +.viz-text-editor textarea, | |
| 1466 | +button#viz-text-editor-button { | |
| 1467 | + display: inline-block; | |
| 1468 | + vertical-align: middle; | |
| 1469 | +} | |
| 1470 | + | |
| 1471 | +/******************************************************************************/ | |
| 1472 | +/******************************** chartjs ***********************************/ | |
| 1473 | +/******************************************************************************/ | |
| 1474 | + | |
| 1475 | +canvas.chartjs-render-monitor { | |
| 1476 | + height: 500px !important; | |
| 1336 | 1477 | } |
