IT4Change/Ocelot-Social
3
0
Fork 0
mirror of https://github.com/IT4Change/Ocelot-Social.git synced 2026-04-06 01:25:31 +00:00
Code Issues Packages Projects Releases Wiki Activity

show overlay only for embedded html

Browse Source
This commit is contained in:
Alina Beck 2019-10-02 18:23:30 +02:00
parent 1f93c690be
commit 4a1ca2610a
2 changed files with 7 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
webapp/components/Editor/Editor.vue
View File

@ -371,6 +371,9 @@ li > p {
.embed-preview-image { .embed-preview-image {
width: 100%; width: 100%;
height: auto; height: auto;
}
.embed-preview-image--clickable {
cursor: pointer; cursor: pointer;
} }

5
webapp/components/Editor/nodes/Embed.js
View File

@ -8,7 +8,10 @@ const template = `
<ds-container width="small" class="embed-container"> <ds-container width="small" class="embed-container">
<section class="embed-content"> <section class="embed-content">
<div v-if="showEmbed" v-html="embedHtml" class="embed-html" /> <div v-if="showEmbed" v-html="embedHtml" class="embed-html" />
<img v-else-if="embedImage" :src="embedImage" class="embed-preview-image" @click.prevent="openOverlay()" /> <template v-else>
<img v-if="embedHtml && embedImage" :src="embedImage" class="embed-preview-image embed-preview-image--clickable" @click.prevent="openOverlay()" />
<img v-else-if="embedImage" :src="embedImage" class="embed-preview-image" />
</template>
<h4 v-if="embedTitle">{{embedTitle}}</h4> <h4 v-if="embedTitle">{{embedTitle}}</h4>
<p v-if="embedDescription">{{embedDescription}}</p> <p v-if="embedDescription">{{embedDescription}}</p>
<a class="embed" :href="dataEmbedUrl" rel="noopener noreferrer nofollow" target="_blank">{{dataEmbedUrl}}</a> <a class="embed" :href="dataEmbedUrl" rel="noopener noreferrer nofollow" target="_blank">{{dataEmbedUrl}}</a>