Added fullscreen toggle user option (1)

graphieros · graphieros · commit c476f6749b47 · 2024-01-09T08:59:11.000+01:00
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "vue-data-ui",
   "private": false,
-  "version": "1.9.62",
+  "version": "1.9.63",
   "type": "module",
   "description": "A user-empowering data visualization Vue components library",
   "keywords": [
diff --git a/src/components/vue-ui-age-pyramid.vue b/src/components/vue-ui-age-pyramid.vue
@@ -654,6 +654,7 @@ defineExpose({
 }
 .vue-data-ui-fullscreen--on {
     height: 90% !important;
+    margin: 0 auto !important;
 }
 .vue-data-ui-fullscreen--off {
     max-width: 100%;
diff --git a/src/components/vue-ui-candlestick.vue b/src/components/vue-ui-candlestick.vue
@@ -801,6 +801,7 @@ input[type="range"]:active::-webkit-slider-thumb{
 }
 .vue-data-ui-fullscreen--on {
     height: 80% !important;
+    margin: 0 auto !important;
 }
 .vue-data-ui-fullscreen--off {
     max-width: 100%;
diff --git a/src/components/vue-ui-donut-evolution.vue b/src/components/vue-ui-donut-evolution.vue
@@ -809,6 +809,7 @@ path {
 }
 .vue-data-ui-fullscreen--on {
     height: 80% !important;
+    margin: 0 auto !important;
 }
 .vue-data-ui-fullscreen--off {
     max-width: 100%;
diff --git a/src/components/vue-ui-donut.vue b/src/components/vue-ui-donut.vue
@@ -669,6 +669,7 @@ path {
 }
 .vue-data-ui-fullscreen--on {
     height: 80% !important;
+    margin: 0 auto !important;
 }
 .vue-data-ui-fullscreen--off {
     max-width: 100%;
diff --git a/src/components/vue-ui-gauge.vue b/src/components/vue-ui-gauge.vue
@@ -528,6 +528,7 @@ defineExpose({
 }
 .vue-data-ui-fullscreen--on {
     height: 80% !important;
+    margin: 0 auto !important;
 }
 .vue-data-ui-fullscreen--off {
     max-width: 100%;
diff --git a/src/components/vue-ui-molecule.vue b/src/components/vue-ui-molecule.vue
@@ -556,6 +556,7 @@ defineExpose({
 }
 .vue-data-ui-fullscreen--on {
     height: 100% !important;
+    margin: 0 auto !important;
 }
 .vue-data-ui-fullscreen--off {
     max-width: 100%;
diff --git a/src/components/vue-ui-mood-radar.vue b/src/components/vue-ui-mood-radar.vue
@@ -464,6 +464,7 @@ defineExpose({
 }
 .vue-data-ui-fullscreen--on {
     height: 80% !important;
+    margin: 0 auto !important;
 }
 .vue-data-ui-fullscreen--off {
     max-width: 100%;
diff --git a/src/components/vue-ui-onion.vue b/src/components/vue-ui-onion.vue
@@ -561,6 +561,7 @@ circle {
 
 .vue-data-ui-fullscreen--on {
     height: 80% !important;
+    margin: 0 auto !important;
 }
 .vue-data-ui-fullscreen--off {
     max-width: 100%;
diff --git a/src/components/vue-ui-quadrant.vue b/src/components/vue-ui-quadrant.vue
@@ -965,6 +965,7 @@ path, line, rect, circle, polygon {
 }
 .vue-data-ui-fullscreen--on {
     height: 80% !important;
+    margin: 0 auto !important;
 }
 .vue-data-ui-fullscreen--off {
     max-width: 100%;
diff --git a/src/components/vue-ui-radar.vue b/src/components/vue-ui-radar.vue
@@ -642,6 +642,7 @@ path, line, rect, circle {
 }
 .vue-data-ui-fullscreen--on {
     height: 80% !important;
+    margin: 0 auto !important;
 }
 .vue-data-ui-fullscreen--off {
     max-width: 100%;
diff --git a/src/components/vue-ui-rings.vue b/src/components/vue-ui-rings.vue
@@ -577,6 +577,7 @@ defineExpose({
 }
 .vue-data-ui-fullscreen--on {
     height: 80% !important;
+    margin: 0 auto !important;
 }
 .vue-data-ui-fullscreen--off {
     max-width: 100%;
diff --git a/src/components/vue-ui-scatter.vue b/src/components/vue-ui-scatter.vue
@@ -731,6 +731,7 @@ path, line, circle {
 
 .vue-data-ui-fullscreen--on {
     height: 80% !important;
+    margin: 0 auto !important;
 }
 .vue-data-ui-fullscreen--off {
     max-width: 100%;
diff --git a/src/components/vue-ui-vertical-bar.vue b/src/components/vue-ui-vertical-bar.vue
@@ -756,6 +756,7 @@ path, line, rect, circle, polygon {
 }
 .vue-data-ui-fullscreen--on {
     height: 80% !important;
+    margin: 0 auto !important;
 }
 .vue-data-ui-fullscreen--off {
     max-width: 100%;
diff --git a/src/components/vue-ui-waffle.vue b/src/components/vue-ui-waffle.vue
@@ -616,6 +616,7 @@ defineExpose({
 }
 .vue-data-ui-fullscreen--on {
     height: 80% !important;
+    margin: 0 auto !important;
 }
 .vue-data-ui-fullscreen--off {
     max-width: 100%;
diff --git a/src/components/vue-ui-wheel.vue b/src/components/vue-ui-wheel.vue
@@ -261,6 +261,7 @@ defineExpose({
 }
 .vue-data-ui-fullscreen--on {
     height: 90% !important;
+    margin: 0 auto !important;
 }
 .vue-data-ui-fullscreen--off {
     max-width: 100%;

Original file line number	Diff line number	Diff line change
`@@ -1,7 +1,7 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "vue-data-ui",`
`3`	`3`	`"private": false,`
`4`		`- "version": "1.9.62",`
	`4`	`+ "version": "1.9.63",`
`5`	`5`	`"type": "module",`
`6`	`6`	`"description": "A user-empowering data visualization Vue components library",`
`7`	`7`	`"keywords": [`
Original file line number	Diff line number	Diff line change
`@@ -654,6 +654,7 @@ defineExpose({`
`654`	`654`	`}`
`655`	`655`	`.vue-data-ui-fullscreen--on {`
`656`	`656`	`height: 90% !important;`
	`657`	`+ margin: 0 auto !important;`
`657`	`658`	`}`
`658`	`659`	`.vue-data-ui-fullscreen--off {`
`659`	`660`	`max-width: 100%;`
Original file line number	Diff line number	Diff line change
`@@ -801,6 +801,7 @@ input[type="range"]:active::-webkit-slider-thumb{`
`801`	`801`	`}`
`802`	`802`	`.vue-data-ui-fullscreen--on {`
`803`	`803`	`height: 80% !important;`
	`804`	`+ margin: 0 auto !important;`
`804`	`805`	`}`
`805`	`806`	`.vue-data-ui-fullscreen--off {`
`806`	`807`	`max-width: 100%;`
Original file line number	Diff line number	Diff line change
`@@ -809,6 +809,7 @@ path {`
`809`	`809`	`}`
`810`	`810`	`.vue-data-ui-fullscreen--on {`
`811`	`811`	`height: 80% !important;`
	`812`	`+ margin: 0 auto !important;`
`812`	`813`	`}`
`813`	`814`	`.vue-data-ui-fullscreen--off {`
`814`	`815`	`max-width: 100%;`
Original file line number	Diff line number	Diff line change
`@@ -669,6 +669,7 @@ path {`
`669`	`669`	`}`
`670`	`670`	`.vue-data-ui-fullscreen--on {`
`671`	`671`	`height: 80% !important;`
	`672`	`+ margin: 0 auto !important;`
`672`	`673`	`}`
`673`	`674`	`.vue-data-ui-fullscreen--off {`
`674`	`675`	`max-width: 100%;`
Original file line number	Diff line number	Diff line change
`@@ -528,6 +528,7 @@ defineExpose({`
`528`	`528`	`}`
`529`	`529`	`.vue-data-ui-fullscreen--on {`
`530`	`530`	`height: 80% !important;`
	`531`	`+ margin: 0 auto !important;`
`531`	`532`	`}`
`532`	`533`	`.vue-data-ui-fullscreen--off {`
`533`	`534`	`max-width: 100%;`
Original file line number	Diff line number	Diff line change
`@@ -556,6 +556,7 @@ defineExpose({`
`556`	`556`	`}`
`557`	`557`	`.vue-data-ui-fullscreen--on {`
`558`	`558`	`height: 100% !important;`
	`559`	`+ margin: 0 auto !important;`
`559`	`560`	`}`
`560`	`561`	`.vue-data-ui-fullscreen--off {`
`561`	`562`	`max-width: 100%;`
Original file line number	Diff line number	Diff line change
`@@ -464,6 +464,7 @@ defineExpose({`
`464`	`464`	`}`
`465`	`465`	`.vue-data-ui-fullscreen--on {`
`466`	`466`	`height: 80% !important;`
	`467`	`+ margin: 0 auto !important;`
`467`	`468`	`}`
`468`	`469`	`.vue-data-ui-fullscreen--off {`
`469`	`470`	`max-width: 100%;`
Original file line number	Diff line number	Diff line change
`@@ -561,6 +561,7 @@ circle {`
`561`	`561`
`562`	`562`	`.vue-data-ui-fullscreen--on {`
`563`	`563`	`height: 80% !important;`
	`564`	`+ margin: 0 auto !important;`
`564`	`565`	`}`
`565`	`566`	`.vue-data-ui-fullscreen--off {`
`566`	`567`	`max-width: 100%;`