Răsfoiți Sursa

#1339 - Embeds for all content types

RomanL 4 ani în urmă
părinte
comite
cbfb26f7d7
2 a modificat fișierele cu 27 adăugiri și 11 ștergeri
  1. 17 11
      modules/boonex/videos/template/unit_gallery_embed.html
  2. 10 0
      template/css/embed.css

+ 17 - 11
modules/boonex/videos/template/unit_gallery_embed.html

@@ -1,14 +1,20 @@
-<bx_if:thumb>
-    <div class="bx-def-round-corners bx-def-font-middle" style="height:100%;">
-        __entry_video__
+<div>
+    <div class="bx-embed-video-caption absolute z-10 flex justify-between w-full items-center p-1 ">
+        <a href="__content_url__" class="block overflow-hidden text-ellipsis whitespace-nowrap">__title__</a>
+        __main_logo__
     </div>
     </div>
-</bx_if:thumb>
-<bx_if:no_thumb>
-    <div class="bx-def-gal-img-column">
-        <div class="bx-base-text-unit-no-thumb bx-def-gal-div-size bx-def-font-middle bx-def-font-grayed bx-def-padding bx-def-box-sizing">
-            __summary_plain__
-            <div class="bx-base-text-unit-strecher">__strecher__</div>
+    <bx_if:thumb>
+        <div class="bx-def-round-corners bx-def-font-middle" style="height:100%;">
+            __entry_video__
         </div>
         </div>
-    </div>
-</bx_if:no_thumb>
+    </bx_if:thumb>
+    <bx_if:no_thumb>
+        <div class="bx-def-gal-img-column">
+            <div class="bx-base-text-unit-no-thumb bx-def-gal-div-size bx-def-font-middle bx-def-font-grayed bx-def-padding bx-def-box-sizing">
+                __summary_plain__
+                <div class="bx-base-text-unit-strecher">__strecher__</div>
+            </div>
+        </div>
+    </bx_if:no_thumb>
+</div>
        
        

+ 10 - 0
template/css/embed.css

@@ -19,4 +19,14 @@ body,
 }
 }
 .bx-embed > div{
 .bx-embed > div{
     padding: 0px !important;
     padding: 0px !important;
+}
+
+.bx-embed #bx-logo{
+    max-height: 2rem !important;
+}
+.bx-embed-video-caption{
+    background: rgba(0, 0 ,0, 0.7);
+}
+.bx-embed-video-caption A{
+    color:white;
 }
 }