Merge remote-tracking branch 'origin/2175' into dev

WPDevelopers · Jul 4, 2022 · 6f1ffe1 · 6f1ffe1
2 parents 90c756a + c12748b
commit 6f1ffe1
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 9 deletions.
diff --git a/assets/front-end/css/view/interactive-circle.css b/assets/front-end/css/view/interactive-circle.css
@@ -654,8 +654,8 @@
 }
 @media only screen and (max-width: 600px) {
   .eael-circle-wrapper.eael-interactive-circle-preset-2 .eael-circle-info .eael-circle-inner {
-    width: 100%;
-    height: auto;
+    width: 100% !important;
+    height: auto !important;
   }
 }
 .eael-circle-wrapper.eael-interactive-circle-preset-2 .eael-circle-info .eael-circle-inner .eael-circle-item .eael-circle-btn {
@@ -762,7 +762,7 @@
 }
 @media only screen and (max-width: 600px) {
   .eael-circle-wrapper.eael-interactive-circle-preset-2 .eael-circle-info .eael-circle-inner .eael-circle-item .eael-circle-btn-content {
-    width: 100%;
+    width: 100% !important;
     -webkit-transform: none;
         -ms-transform: none;
             transform: none;

diff --git a/assets/front-end/css/view/interactive-circle.min.css b/assets/front-end/css/view/interactive-circle.min.css
diff --git a/includes/Elements/Interactive_Circle.php b/includes/Elements/Interactive_Circle.php
@@ -322,9 +322,10 @@ protected function eael_interactive_circle_general_style() {
 				'selectors'  => [
 					'{{WRAPPER}} .eael-circle-inner'                                         => 'width: {{SIZE}}{{UNIT}}; height: {{SIZE}}{{UNIT}};',
 					'{{WRAPPER}} .eael-interactive-circle-preset-2 .eael-circle-inner'       => 'width: {{SIZE}}{{UNIT}}; height: calc({{SIZE}}{{UNIT}} / 2);',
-					'{{WRAPPER}} .eael-interactive-circle-preset-2 .eael-circle-content'     => 'height: calc({{SIZE}}{{UNIT}} / 2)!important;',
-					'{{WRAPPER}} .eael-interactive-circle-preset-2 .eael-circle-btn-content' => 'height: calc({{SIZE}}{{UNIT}} / 2)!important;',
+					'{{WRAPPER}} .eael-interactive-circle-preset-2 .eael-circle-content'     => 'height: calc({{SIZE}}{{UNIT}} / 2);',
+					'{{WRAPPER}} .eael-interactive-circle-preset-2 .eael-circle-btn-content' => 'height: calc({{SIZE}}{{UNIT}} / 2);',
 				],
+				'devices'   => [ 'desktop', 'tablet' ],
 			]
 		);
 

diff --git a/src/css/view/interactive-circle.scss b/src/css/view/interactive-circle.scss
@@ -621,8 +621,8 @@
                 border-bottom: none!important;
 
                 @media only screen and (max-width: $breakpoint) {
-                    width: 100%;
-                    height: auto;
+                    width: 100% !important;
+                    height: auto !important;
                 }
 
                 .eael-circle-item {
@@ -724,7 +724,7 @@
                         padding: $nav-circle-border-width;
                         padding-bottom: 0;
                         @media only screen and (max-width: $breakpoint) {
-                            width: 100%;
+                            width: 100% !important;
                             transform: none;
                             bottom: 0;
                             margin-top: 20px;