From 8bc2150aeb50b05434cb02f8c0d8002e048a712c Mon Sep 17 00:00:00 2001
From: gzbender <gzbender74@gmail.com>
Date: Fri, 12 Oct 2018 17:40:39 +0500
Subject: [PATCH] =?UTF-8?q?LIL-696=20=D0=90=D0=B4=D0=B0=D0=BF=D1=82=D0=B8?=
 =?UTF-8?q?=D1=80=D0=BE=D0=B2=D0=B0=D1=82=D1=8C=20=D0=B1=D0=B0=D0=BD=D0=BD?=
 =?UTF-8?q?=D0=B5=D1=80=20=D0=B4=D0=BB=D1=8F=20=D0=BC=D0=BE=D0=B1=D0=B8?=
 =?UTF-8?q?=D0=BB=D1=8C=D0=BD=D1=8B=D1=85=20=D1=80=D0=B0=D0=B7=D1=80=D0=B5?=
 =?UTF-8?q?=D1=88=D0=B5=D0=BD=D0=B8=D0=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 project/templates/blocks/baner.html | 15 ++++++++++++---
 web/src/sass/_common.sass           | 17 +++++++++++++----
 2 files changed, 25 insertions(+), 7 deletions(-)

diff --git a/project/templates/blocks/baner.html b/project/templates/blocks/baner.html
index e7ac8c19..df8b81e0 100644
--- a/project/templates/blocks/baner.html
+++ b/project/templates/blocks/baner.html
@@ -1,7 +1,16 @@
 {% if baner %}
-<div class="banner" style="background-image: url({{ baner.image.url }}); display: none;" data-banner="{{baner.id}}">
-  <span class="banner__text">{{ baner.text }}</span>
-  <a href="{{ baner.url }}" class="banner__link">{{ baner.button_text }}</a>
+<div class="banner" style="/* background-image: url(); */ display: none;" data-banner="{{baner.id}}">
+  {% if request.user_agent.is_mobile %}
+  <a href="{{ baner.url }}">
+    <img class="banner__image" src="{{ baner.image.url }}" />
+  </a>
+  {% else %}
+  <img class="banner__image" src="{{ baner.image.url }}" />
+  <div class="banner__content">
+    <span class="banner__text">{{ baner.text }}</span>
+    <a href="{{ baner.url }}" class="banner__link">{{ baner.button_text }}</a>
+  </div>
+  {% endif %}
   <a href="#" class="banner__hide">Скрыть баннер</a>
 </div>
 {% endif %}
diff --git a/web/src/sass/_common.sass b/web/src/sass/_common.sass
index 77c487af..6cecc9c0 100755
--- a/web/src/sass/_common.sass
+++ b/web/src/sass/_common.sass
@@ -4296,10 +4296,19 @@ a
   height: 140px
   text-align: center
   color: #fff
-  padding-top: 50px
-  background-repeat: no-repeat
-  background-position: center
-  background-size: cover
+  background: white
+  +m
+    height: auto
+  &__image
+    height: 100%
+    +m
+      height: auto
+      width: 100%
+      display: block
+  &__content
+    position: absolute
+    width: 100%
+    margin-top: -110px
   &__text
     font-size: 30px
     text-shadow: 0px 0px 3px rgba(0, 0, 0, 1)