https://github.com/inc2734/snow-monkey/issues/839

inc2734 · Jul 6, 2020 · ac5dd9f · ac5dd9f
1 parent ba904f7
commit ac5dd9f
Show file tree

Hide file tree

Showing 4 changed files with 26 additions and 3 deletions.
diff --git a/src/assets/css/wp-awesome-widgets.css b/src/assets/css/wp-awesome-widgets.css
@@ -283,6 +283,13 @@
 .wpaw-pickup-slider .slick-list {
   height: auto !important; }
 
+@media (max-width: 1023px) {
+  .wpaw-google-adsense--rectangle-big-2 .wpaw-google-adsense__row, .wpaw-google-adsense--rectangle-2 .wpaw-google-adsense__row {
+    flex-wrap: nowrap; }
+  .wpaw-google-adsense--rectangle-big-2 .wpaw-google-adsense__col, .wpaw-google-adsense--rectangle-2 .wpaw-google-adsense__col {
+    flex-basis: 50%;
+    max-width: 50%; } }
+
 .wpaw-google-adsense__row {
   margin: 0 -.5em -1em;
   display: flex;
@@ -296,7 +303,8 @@
 
 .wpaw-google-adsense__ad {
   margin: 0 auto;
-  width: 100%; }
+  width: 100%;
+  text-align: center; }
   .wpaw-google-adsense__ad--big-banner {
     max-width: 728px;
     max-height: 90px; }

diff --git a/src/assets/css/wp-awesome-widgets.min.css b/src/assets/css/wp-awesome-widgets.min.css
diff --git a/src/templates/google-adsense.php b/src/templates/google-adsense.php
@@ -11,7 +11,7 @@
 <?php echo wp_kses_post( $args['before_widget'] ); ?>
 
 	<div
-		class="wpaw-google-adsense wpaw-google-adsense--<?php echo esc_attr( $args['widget_id'] ); ?>"
+		class="wpaw-google-adsense wpaw-google-adsense--<?php echo esc_attr( $args['widget_id'] ); ?> wpaw-google-adsense--<?php echo esc_attr( $instance['size'] ); ?>"
 		id="wpaw-google-adsense-<?php echo esc_attr( $args['widget_id'] ); ?>"
 		>
 

diff --git a/src/widget/google-adsense/_widget.scss b/src/widget/google-adsense/_widget.scss
@@ -1,4 +1,18 @@
 .wpaw-google-adsense {
+  &--rectangle-big-2,
+  &--rectangle-2 {
+    @media (max-width: 1023px) {
+      .wpaw-google-adsense__row {
+        flex-wrap: nowrap;
+      }
+
+      .wpaw-google-adsense__col {
+        flex-basis: 50%;
+        max-width: 50%;
+      }
+    }
+  }
+
   &__row {
     margin: 0 -.5em -1em;
     display: flex;
@@ -15,6 +29,7 @@
   &__ad {
     margin: 0 auto;
     width: 100%;
+    text-align: center;
 
     &--auto {}