Ver Fonte

Ticket #4877 - Image in embed link duplicated and overflow the area.

AntonLV há 1 ano atrás
pai
commit
db4b5eaff8
1 ficheiros alterados com 5 adições e 5 exclusões
  1. 5 5
      template/embed_system_link.html

+ 5 - 5
template/embed_system_link.html

@@ -1,13 +1,13 @@
 <a href="__link__" target="_blank" style="text-decoration: none; " class="bx-embeded-link" __attrs__>
-    <div class="bx-embeded" style="display: flex; flex-direction: row; column-gap:  height: 128px; border: 1px solid #cccccc; border-radius:8px; align-items: stretch;">
-        <div style="flex: 0 0 128px; height: 128px; border-radius:8px 0 0 8px; background: url('__image__') center center / cover no-repeat;">
-            <img  class="bx-embeded-image" src="__image__"  width="128" height="128">
+    <div class="bx-embeded" style="display: flex; flex-direction: row; border: 1px solid #cccccc; border-radius:0.5rem; align-items: stretch;">
+        <div style="flex: 0 0 8rem; height: 8rem; border-radius:0.5rem 0 0 0.5rem; overflow:hidden;">
+            <img class="bx-embeded-image" src="__image__" style="width: 8rem; height: 8rem; object-fit: cover;" />
         </div>
         <div style="flex: 1 1 auto;display: flex; flex-direction: column; justify-content: space-between; overflow: hidden;margin: 0 1rem; ">
             <div style="padding-top: 0.5rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;  overflow: hidden; text-overflow: ellipsis; max-height:30px"><b>__title__</b></div>
             <div style="display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;  overflow: hidden; text-overflow: ellipsis;max-height:52px">__description__</div>
-            <div style="display: flex; flex-direction: row; column-gap: 8px; align-items: center; padding-bottom: 0.5rem;">
-              <img src="__logo__" width=24 height=24  style="margin-right:8px">__domain__
+            <div style="display: flex; flex-direction: row; column-gap: 0.5rem; align-items: center; padding-bottom: 0.5rem;">
+              <img src="__logo__" width=24 height=24  style="margin-right:0.5rem">__domain__
            </div>
         </div>
     </div>