← All changes | css/frame.css +32 -134 3.10.15 → 3.3.0 View file →

		@@ -16,31 +16,9 @@
16	16	right: 310px;
17	17	bottom: 10px;
18	18	left: 10px;
19	19	}
20		-#control_wrapper_canvas:not(:empty) {
21		- margin: 15px 0 0 5px;
22		- position: relative;
23		- z-index: 1;
24		-}
25		-#control_wrapper_canvas:not(:empty) + #canvas .google-visualization-table {
26		- top: 60px;
27		-}
28		-.vz-vertical .google-visualization-table {
29		- left: 70px;
30		-}
31		-.google-visualization-controls-categoryfilter label.google-visualization-controls-label {
32		- vertical-align: middle;
33		-}
34		-.google-visualization-controls-categoryfilter li.goog-inline-block {
35		- margin: 0 0.2em;
36		-}
37		-.google-visualization-controls-categoryfilter li {
38		- padding: 0 0.2em;
39		-}
40		-.goog-combobox input {
41		- min-height: auto;
42		-}
	20	+
43	21	.loader {
44	22	position: absolute;
45	23	top: 50%;
46	24	left: 50%;
		@@ -58,9 +36,9 @@
58	36	z-index: 75;
59	37	top: 0;
60	38	right: 0;
61	39	bottom: 60px;
62		- width: 350px;
	40	+ width: 299px;
63	41	border-left: 1px solid #dfdfdf;
64	42	background: whitesmoke;
65	43
66	44	-webkit-overflow-scrolling: touch;
		@@ -284,19 +262,8 @@
284	262	font-weight: normal;
285	263	text-decoration: none;
286	264	}
287	265
288		-.viz-info-msg {
289		- font-weight: bold !important;
290		- font-style: italic;
291		-}
292		-
293		-.viz-info-msg::before {
294		- font-family: dashicons;
295		- content: "\f488";
296		- margin-right: 5px;
297		-}
298		-
299	266	.viz-section-description {
300	267	margin: 0;
301	268	/*display: none;*/
302	269	padding: 0;
		@@ -379,23 +346,8 @@
379	346	margin-top: 15px;
380	347	text-align: center;
381	348	}
382	349
383		-#viz-tabs {
384		- display: none;
385		-}
386		-
387		-#viz-tabs.done {
388		- display: block;
389		-}
390		-
391		-#viz-tabs .ui-tabs-panel {
392		- padding: 0;
393		-}
394		-
395		-#viz-tabs .wp-color-picker {
396		- width: 4rem !important;
397		-}
398	350	/******************************************************************************/
399	351	/******************************** TOOLBAR ***********************************/
400	352	/******************************************************************************/
401	353
		@@ -414,9 +366,8 @@
414	366	}
415	367
416	368	#toolbar .push-right {
417	369	float: right;
418		- margin-right: 10px;
419	370	}
420	371
421	372	#toolbar .push-left {
422	373	float: left;
		@@ -483,9 +434,8 @@
483	434	height: 10px;
484	435	height: 17px;
485	436	border: none;
486	437	color: #fff;
487		- z-index: 1;
488	438	background: #c55555;
489	439	}
490	440
491	441	.type-label {
		@@ -494,23 +444,20 @@
494	444	height: 205px;
495	445	padding: 15px;
496	446	border: 1px solid #e0e0e0;
497	447	background-color: white;
498		- background-image: url(../images/chart_types_v395.png);
	448	+ background-image: url(../images/chart_types_june2019_g.png);
499	449	background-repeat: no-repeat;
500	450	background-position: center center;
501		- background-size: 900px 1150px;
502		- filter: grayscale(100%);
503	451	}
504	452
505	453	.type-label-selected,
506		-.type-box .type-label:hover {
507		-/* background-image: url(../images/chart_types_v340.png);*/
508		- filter: grayscale(0);
	454	+.type-box > .type-label:hover {
	455	+ background-image: url(../images/chart_types_june2019.png);
509	456	}
510	457
511	458	.type-box-area .type-label {
512		- background-position: -8px -225px;
	459	+ background-position: 0 -225px;
513	460	}
514	461
515	462	.type-box-line .type-label {
516	463	background-position: -600px 0;
		@@ -524,9 +471,9 @@
524	471	background-position: 0 0;
525	472	}
526	473
527	474	.type-box-gauge .type-label {
528		- background-position: -7px -450px;
	475	+ background-position: 0 -450px;
529	476	}
530	477
531	478	.type-box-geo .type-label {
532	479	background-position: -600px -450px;
		@@ -532,9 +479,9 @@
532	479	background-position: -600px -450px;
533	480	}
534	481
535	482	.type-box-candlestick .type-label {
536		- background-position: -304px -450px;
	483	+ background-position: -300px -450px;
537	484	}
538	485
539	486	.type-box-bar .type-label {
540	487	background-position: -300px -225px;
		@@ -539,28 +486,26 @@
539	486	.type-box-bar .type-label {
540	487	background-position: -300px -225px;
541	488	}
542	489
543		-.type-box-bubble .type-label {
544		- background-position: -604px -906px;
	490	+.type-box-column .type-label {
	491	+ background-position: -600px -225px;
545	492	}
546	493
547		-.type-box-column .type-label {
548		- background-position: -600px -225px;
	494	+.type-box-dataTable .type-label {
	495	+ background-position: -301px -670px;
549	496	}
550	497
551		-.type-box-dataTable .type-label,
552		-.type-box-table .type-label,
553		-.type-box-tabular .type-label {
	498	+.type-box-table .type-label {
554	499	background-position: -301px -670px;
555	500	}
556	501
557	502	.type-box-timeline .type-label {
558		- background-position: -8px -670px;
	503	+ background-position: -2px -670px;
559	504	}
560	505
561	506	.type-box-combo .type-label {
562		- background-position: -606px -670px;
	507	+ background-position: -597px -670px;
563	508	}
564	509
565	510	.type-box-polarArea .type-label {
566	511	background-position: -2px -912px;
		@@ -731,10 +676,10 @@
731	676
732	677	input#existing-chart {
733	678	/*left: 18px;
734	679	width: 110px;
735		- position: relative;*/
736		- }
	680	+ position: relative;*/
	681	+}
737	682
738	683	select#chart-id {
739	684	float: right;
740	685	width: 146px;
		@@ -831,11 +776,8 @@
831	776
832	777	.viz-select-library {
833	778	color: #0085ba;
834	779	}
835		-.viz-select-library.viz-hide-libary {
836		- display: none;
837		-}
838	780
839	781	.viz-select-library option:first-child {
840	782	font-weight: bold;
841	783	}
		@@ -1002,9 +944,8 @@
1002	944
1003	945	#vz-csv-file-form,
1004	946	#vz-one-time-import,
1005	947	#vz-schedule-import,
1006		-#vz-permissions .only-pro-content,
1007	948	.edit-data-content {
1008	949	text-align: center;
1009	950	}
1010	951
		@@ -1081,22 +1022,17 @@
1081	1022	.only-pro-content a {
1082	1023	display: inline-block;
1083	1024	padding: 7px 12px;
1084	1025	color: #fff;
1085		- background: #3F57E1;
	1026	+ background: #ff595e;
1086	1027	font-weight: 600;
1087	1028	text-decoration: none;
	1029	+ text-transform: uppercase;
1088	1030	transition: 0.1s ease;
1089		- border-width: 1px;
1090		- border-style: solid;
1091		- border-radius: 3px;
1092	1031	}
1093		-.only-pro-content .only-pro-container a {
1094		- color: #fff !important;
1095		-}
1096	1032
1097	1033	.only-pro-content a:hover {
1098		- background: #2D419B;
	1034	+ background: #ce484c;
1099	1035	}
1100	1036
1101	1037	#sidebar::-webkit-scrollbar {
1102	1038	width: 4px;
		@@ -1410,9 +1346,18 @@
1410	1346	.db-wizard-results .dataTables_wrapper .dataTables_info {
1411	1347	width: calc(100% - 17px);
1412	1348	}
1413	1349
	1350	+#vz-chart-docs {
	1351	+ right: 85px;
	1352	+ bottom: 40px;
	1353	+ width: 35%;
	1354	+}
1414	1355
	1356	+#vz-chart-docs a {
	1357	+ text-decoration: none;
	1358	+}
	1359	+
1415	1360	/******************************************************************************/
1416	1361	/******************************** data tables *******************************/
1417	1362	/******************************************************************************/
1418	1363	.db-wizard-results .dt-button {
		@@ -1429,16 +1374,13 @@
1429	1374	#json-conclude-form .results {
1430	1375	min-width: 10px !important;
1431	1376	}
1432	1377
1433		-#json-conclude-form .json-table {
1434		- width: 85%;
1435		-}
1436		-
	1378	+#json-conclude-form .json-table,
1437	1379	#vz-import-json-url,
1438	1380	#vz-import-json-root,
1439	1381	#vz-import-json-paging {
1440		- width: 75%;
	1382	+ width: 85%;
1441	1383	}
1442	1384
1443	1385	#json-conclude-form .json-table,
1444	1386	#json-conclude-form button#visualizer-json-conclude {
		@@ -1468,41 +1410,8 @@
1468	1410	background: #0085BA !important;
1469	1411	color: #ffffff;
1470	1412	}
1471	1413
1472		-.viz-substep {
1473		- outline: 0 !important;
1474		- border: 0 !important;
1475		- background: none !important;
1476		- text-transform: uppercase;
1477		-}
1478		-
1479		-.viz-substep.ui-state-active {
1480		-}
1481		-
1482		-.viz-substep ~ .ui-accordion-content {
1483		- outline: 0 !important;
1484		- border: 0 !important;
1485		- font-size: smaller;
1486		-}
1487		-
1488		-.viz-substep ~ div {
1489		- display: table;
1490		-}
1491		-
1492		-.viz-substep ~ div > div {
1493		- display: table-row;
1494		-}
1495		-
1496		-.viz-substep ~ div > div div {
1497		- display: table-cell;
1498		- padding: 5px;
1499		-}
1500		-
1501		-.json-wizard-header .field-title {
1502		- position: absolute;
1503		- left: 30px;
1504		-}
1505	1414	/******************************************************************************/
1506	1415	/******************************** html table editor **************************/
1507	1416	/******************************************************************************/
1508	1417	.viz-simple-editor-type,
		@@ -1547,12 +1456,8 @@
1547	1456	display: inline-block;
1548	1457	vertical-align: middle;
1549	1458	}
1550	1459
1551		-.viz-simple-editor .viz-html-table {
1552		- width: 95%;
1553		-}
1554		-
1555	1460	/******************************************************************************/
1556	1461	/******************************** chartjs ***********************************/
1557	1462	/******************************************************************************/
1558	1463
		@@ -1557,12 +1462,5 @@
1557	1462	/******************************************************************************/
1558	1463
1559	1464	canvas.chartjs-render-monitor {
1560	1465	height: 500px !important;
1561		-}
1562		-
1563		-/******************************************************************************/
1564		-/******************************** Frontend Actions ***********************************/
1565		-/******************************************************************************/
1566		-#vz-frontend-actions .only-pro-inner, #vz-data-controls .only-pro-inner {
1567		- text-align: center;
1568		-}
	1466	+}