Features and VideoBlocker css tweaks

vvvv · Nov 11, 2024 · 430aa6d · 430aa6d
1 parent e62e92b
commit 430aa6d
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 11 deletions.
diff --git a/assets/scss/_dsgvo_video-embeds.scss b/assets/scss/_dsgvo_video-embeds.scss
@@ -20,11 +20,8 @@ iframe {
     .video-link
     {
         color: #666;
-
-        a {
-            margin-right: 0em;
-            text-decoration: underline;
-        }        
+        margin-right: 0em;
+        text-decoration: underline;   
     }
 
     h1
@@ -39,9 +36,9 @@ iframe {
     {
         margin: 0em 0em;
 
-        a{
-            white-space: nowrap;
-        }
+        // a{
+        //     white-space: nowrap;
+        // }
     }
 
     .buttons
@@ -59,8 +56,7 @@ iframe {
 
         .playButton
         {
-            width: 50px;
-            height: 50px;
+
             background-color: $orange;
             mask-image: url( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm-3 18v-12l10 6-10 6z'/%3E%3C/svg%3E" );
             -webkit-mask-image: url( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm-3 18v-12l10 6-10 6z'/%3E%3C/svg%3E" );
@@ -69,6 +65,17 @@ iframe {
             margin:0 auto;
             cursor: pointer;
 
+            @media screen and (max-width: 450px) {
+                width: 30px;
+                height: 30px;
+              }
+
+            @media screen and (min-width: 450px) {
+                width: 50px;
+                height: 50px;
+            }
+
+
             &:hover
             {
                 background-color: $orange-hover;

diff --git a/layouts/partials/features_section.html b/layouts/partials/features_section.html
@@ -1,7 +1,7 @@
 {{ "<!-- TopFeatures -->" | safeHTML }}
 <div class="row justify-content-start">
     {{ range $index, $elem:=(index (where (.Site.GetPage "Features").Sections "Title" (.Scratch.Get "sectionTitle")) 0).RegularPages.ByParam "id" }}
-    <div class="col-md-5 mb-5 {{if modBool $index 2}}ml-md-5{{end}} {{if not (modBool $index 2)}}offset-md-1{{end}}">
+    <div class="col-lg-5 mb-5 {{if modBool $index 2}}ml-lg-5{{end}} {{if not (modBool $index 2)}}offset-lg-1{{end}}">
         <div class="row g-0 d-flex align-items-start position-relative">
           <div class="col-12 mb-3" style="color: #fff">
             {{ with .Params.img}}