Merge branch 'hotfix/mobile-pw-widget' into 'master'

Сверстать виджет Paymentwall для мобильных устройств

See merge request lilschool/site!402

apps/payment/views.py

@@ -114,7 +114,11 @@ class CourseBuyView(TemplateView):
                 'failure_url': host + str(reverse_lazy('payment-error')),
             }
         )
-        return self.render_to_response(context={'widget': widget.get_html_code()})
+        attrs = {}
+        if request.user_agent.is_mobile:
+            attrs['width'] = '100%'
+            attrs['height'] = '500'
+        return self.render_to_response(context={'widget': widget.get_html_code(attrs)})
 
 
 @method_decorator(login_required, name='dispatch')
@@ -183,8 +187,12 @@ class SchoolBuyView(TemplateView):
         )
         if self.request.is_ajax():
             self.template_name = 'payment/paymentwall_widget.html'
+        attrs = {'height': '400'}
+        if request.user_agent.is_mobile:
+            attrs['width'] = '100%'
+            attrs['height'] = '500'
         return self.render_to_response(context={
-            'widget': widget.get_html_code({'height': '400'}),
+            'widget': widget.get_html_code(attrs),
             'school': True,
             'payment': school_payment,
         })
@@ -254,7 +262,11 @@ class DrawingCampBuyView(TemplateView):
                 'failure_url': host + str(reverse_lazy('payment-error')),
             }
         )
-        return self.render_to_response(context={'widget': widget.get_html_code()})
+        attrs = {}
+        if request.user_agent.is_mobile:
+            attrs['width'] = '100%'
+            attrs['height'] = '500'
+        return self.render_to_response(context={'widget': widget.get_html_code(attrs)})
 
 
 @method_decorator(csrf_exempt, name='dispatch')
@@ -441,7 +453,11 @@ class GiftCertificateBuyView(TemplateView):
                 'failure_url': host + str(reverse_lazy('payment-error')),
             }
         )
-        context['widget'] = widget.get_html_code()
+        attrs = {}
+        if request.user_agent.is_mobile:
+            attrs['width'] = '100%'
+            attrs['height'] = '500'
+        context['widget'] = widget.get_html_code(attrs)
         return self.render_to_response(context)
 
 

web/src/sass/_common.sass

@@ -5251,6 +5251,7 @@ a
 .pw-widget
   display: inline-block
   position: relative
+  width: 100%
 
   &:before
     content: ' '