Added fullscreen toggle user option (1)

graphieros · Jan 9, 2024 · c476f67 · c476f67
1 parent cc763dd
commit c476f67
Show file tree

Hide file tree

Showing 17 changed files with 18 additions and 3 deletions.
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%;