appscms-tools-theme 4.0.8 → 4.0.9

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 0af544123ea3527247991444142d2028b095ce5b5e226334b2f94d361f521a9e
-  data.tar.gz: dc17af31161bd7eef968552121995666f0d8348ee2bc88fcbaf5ba08328cb21a
+  metadata.gz: 73a3c7b48b4daa71bc4949533d6cf8c61fe7e858f70e120c5db18ebdbbd00a3b
+  data.tar.gz: 04d803c7cb311fe32534d03849ad23e42ba3743d5af4c7e76458a06f155444bf
 SHA512:
-  metadata.gz: 3b4a7e70281c1610fa1dc649f5ccf84f6d96ce68958dcc806303356540d7ca88badff3dde87c8c5a152001b52e7e40d0f4b90d0126fb1f47ba8673bcdb755e32
-  data.tar.gz: 1b03d45290d2af640fae4a1f27b1b6080de29f7c293ee86ecf744b5370e0ec1436bfd7f2308dd021bccb5c1b200b192d3e1d6db9ce0557a35d8c2e0a00c3e7bb
+  metadata.gz: 728c30e9bda0a6e66574c96afc7cf1ce9daed7e9e07865a285c175a2e2c819486a9841f077186933d10d32ca300eb1c96e654bc501b02917d39fdcc7b5911b2b
+  data.tar.gz: 77195e90a34a92635dc411ca2abb93ef5c33513610cc7f4e53f0e8e0f5c1c844b819b9cb8e6b359bbfdb2ea173cc218163d151bbab3ebb6c83442e53a34cf903

data/_includes/appscms/howto/howto.html

@@ -1,5 +1,5 @@
 <div class="container appscms-how-to-section p-3 pb-3 mt-5">
-  <div class="row align-items-center py-3">
+  <div class="row py-3">
     {%- if site.monumetricId and page.url != '/' and page.lang == 'en' -%}
     <div class="col-md-9 mx-auto">
       <div class="row">
@@ -14,8 +14,8 @@
             site.monumetricId -%}
             <iframe
               class="youtubeVideoPlayer"
-              width="400"
-              height="315"
+              width="100%"
+              height="60%"
               src="https://www.youtube.com/embed/{{video_id}}?autoplay=1&mute=1"
               allowfullscreen
             >
@@ -23,8 +23,8 @@
             {%- else -%}
             <iframe
               class="youtubeVideoPlayer"
-              width="500"
-              height="315"
+              width="100%"
+              height="100%"
               src="https://www.youtube.com/embed/{{video_id}}?autoplay=1&mute=1"
               allowfullscreen
             >

data/_layouts/feature.html

@@ -299,18 +299,19 @@
                   endfor %} {% endif %} {%- if site.monumetricId -%}
                   <iframe
                     class="youtubeVideoPlayer mb-5"
-                    width="400"
                     loading="lazy"
-                    height="315"
+                    height="100%"
+                    width="100%"
                     src="https://www.youtube.com/embed/{{video_id}}?autoplay=1&mute=1"
                     allowfullscreen
                   >
                   </iframe>
                   {%- else -%}
                   <iframe
+                    height="100%"
+                    width="100%"
+                    loading="lazy"
                     class="youtubeVideoPlayer mb-5"
-                    width="500"
-                    height="315"
                     src="https://www.youtube.com/embed/{{video_id}}?autoplay=1&mute=1"
                     allowfullscreen
                   >

data/assets/css/appscms-feature.css

@@ -69,8 +69,11 @@
   font-size: 25px;
   font-weight: 500;
 }
-.how-to-video-wrapper iframe {
-  width: 100%;
+.how-to-video-wrapper {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 100%;
 }
 
 .appscms-howto-steps {

data/assets/css/tools.css

@@ -868,6 +868,12 @@ ul li {
   box-shadow: 0 0 20px -7px #191a1a9e;
   line-height: 30px;
 }
+.how-to-video-wrapper {
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
 
 @media (max-width: 768px) {
   .how-to-video-wrapper .youtubeVideoPlayer {

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: appscms-tools-theme
 version: !ruby/object:Gem::Version
-  version: 4.0.8
+  version: 4.0.9
 platform: ruby
 authors:
 - vivek-appscms