From ceea053465adbd217805d9db2f0467cbc287fa90 Mon Sep 17 00:00:00 2001
From: gzbender <gzbender74@gmail.com>
Date: Tue, 28 Aug 2018 15:27:47 +0500
Subject: [PATCH] =?UTF-8?q?LIL-634=20=D0=9C=D0=B0=D0=BB=D0=B5=D0=BD=D1=8C?=
 =?UTF-8?q?=D0=BA=D0=B8=D0=B9=20=D1=80=D0=B0=D0=B7=D0=BC=D0=B5=D1=80=20?=
 =?UTF-8?q?=D1=84=D1=80=D0=B5=D0=B9=D0=BC=D0=B0=20=D0=92=D0=B8=D0=BC=D0=B5?=
 =?UTF-8?q?=D0=BE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../templates/content/blocks/video.html       | 86 +++++++++----------
 web/src/sass/_common.sass                     |  8 ++
 2 files changed, 51 insertions(+), 43 deletions(-)

diff --git a/apps/content/templates/content/blocks/video.html b/apps/content/templates/content/blocks/video.html
index fe741465..72bc8f86 100644
--- a/apps/content/templates/content/blocks/video.html
+++ b/apps/content/templates/content/blocks/video.html
@@ -1,43 +1,43 @@
-<div class="section section_border">
-  <div class="section__center center center_sm">
-    <div class="content-block title">
-      {{ content.title }}
-    </div>
-    <div class="iframe__container">
-      {% if 'youtube.com' in content.url or 'youtu.be' in content.url %}
-      <iframe src="https://www.youtube.com/embed/{{ content.video_index }}" frameborder="0" allow="autoplay; encrypted-media"
-        allowfullscreen></iframe>
-      {% elif 'vimeo.com' in content.url %}
-      <iframe src="https://player.vimeo.com/video/{{ content.video_index }}" frameborder="0" webkitallowfullscreen
-        mozallowfullscreen allowfullscreen>
-      </iframe>
-      {% endif %}
-    </div>
-  </div>
-</div>
-
-<style>
-  @media only screen and (max-width: 639px) {
-    iframe {
-      width: 100%;
-      height: 240px;
-    }
-
-    .iframe__container {
-      text-align: center;
-      width: 100%;
-      padding-bottom: 56.25%;
-      margin-bottom: -56.25%;
-    }
-  }
-
-  @media only screen and (min-width: 640px) {
-    .iframe__container {
-      text-align: center;
-    }
-    iframe {
-      width: 640px;
-      height: 360px;
-    }
-  }
-</style>
\ No newline at end of file
+<div class="section section_border">
+  <div class="section__center center center_sm">
+    <div class="content-block title">
+      {{ content.title }}
+    </div>
+    <div class="content-block__video iframe__container">
+      {% if 'youtube.com' in content.url or 'youtu.be' in content.url %}
+      <iframe src="https://www.youtube.com/embed/{{ content.video_index }}" frameborder="0" allow="autoplay; encrypted-media"
+        allowfullscreen></iframe>
+      {% elif 'vimeo.com' in content.url %}
+      <iframe src="https://player.vimeo.com/video/{{ content.video_index }}" frameborder="0" webkitallowfullscreen
+        mozallowfullscreen allowfullscree>
+      </iframe>
+      {% endif %}
+    </div>
+  </div>
+</div>
+
+<style>
+  @media only screen and (max-width: 639px) {
+    iframe {
+      width: 100%;
+      height: 240px;
+    }
+
+    .iframe__container {
+      text-align: center;
+      width: 100%;
+      padding-bottom: 56.25%;
+      margin-bottom: -56.25%;
+    }
+  }
+
+  @media only screen and (min-width: 640px) {
+    .iframe__container {
+      text-align: center;
+    }
+    iframe {
+      width: 640px;
+      height: 360px;
+    }
+  }
+</style>
diff --git a/web/src/sass/_common.sass b/web/src/sass/_common.sass
index 5ccc6d83..aceae0ec 100755
--- a/web/src/sass/_common.sass
+++ b/web/src/sass/_common.sass
@@ -4097,6 +4097,12 @@ a
   &.pic
     position: relative
     width: 100%
+  &__video iframe
+    height: 360px;
+    width: 640px;
+    max-width: 100%;
+    max-height: 60%;
+
 
 .banner
   height: 140px
@@ -4167,3 +4173,5 @@ a
   border-left: 3px solid transparent
   border-radius: 50%
   animation: loading .6s infinite linear
+
+.iframe__container