Merge pull request #60 from mayuran-deriv/mayuran-chart-ui-fix

fix: ui issues
deriv-com · Sep 25, 2024 · a4d08e8 · a4d08e8
2 parents 4a3546f + 7f4d5a8
commit a4d08e8
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 1 deletion.
diff --git a/src/components/layout/footer/footer.scss b/src/components/layout/footer/footer.scss
@@ -7,7 +7,7 @@
     flex-direction: row-reverse;
     padding: 0 1rem;
     align-items: center;
-    position: fixed;
+    position: absolute;
     bottom: 0;
     right: 0;
     left: 0;

diff --git a/src/pages/chart/chart.scss b/src/pages/chart/chart.scss
@@ -102,6 +102,18 @@
         }
     }
 
+    .smartcharts-desktop {
+        .cq-modal-dropdown {
+            .sc-dialog {
+                position: absolute !important;
+                top: -50% !important;
+                left: 50% !important;
+                transform: translate(-50%, -50%) !important;
+                z-index: 9999 !important;
+            }
+        }
+    }
+
     .smartcharts-mobile {
         .cq-context {
             z-index: 99;
@@ -135,3 +147,15 @@
     left: 0;
     top: 0;
 }
+
+.smartcharts-mobile {
+    .cq-modal__overlay {
+        position: unset !important;
+
+        .sc-dialog {
+            position: absolute !important;
+            top: -85% !important;
+            z-index: 99999 !important;
+        }
+    }
+}