update editorjs link block

This commit is contained in:
Simon Vieille 2022-03-27 16:44:15 +02:00
parent 5ac4a85e77
commit b6fbe1cc52
4 changed files with 30 additions and 11 deletions

2
.env
View File

@ -15,7 +15,7 @@
###> symfony/framework-bundle ### ###> symfony/framework-bundle ###
APP_ENV=dev APP_ENV=dev
APP_SECRET=e6e287f176fe2c69112fc620e1801bf0 APP_SECRET=
###< symfony/framework-bundle ### ###< symfony/framework-bundle ###
###> doctrine/doctrine-bundle ### ###> doctrine/doctrine-bundle ###

View File

@ -2,18 +2,17 @@ deblan-io
========= =========
``` ```
git clone git@gitnet.fr:deblan/deblan.io.git git clone git@gitnet.fr:deblan/deblan.io-murph.git blog
cd deblan.io cd blog
make cp .env .env.local
``` vim .env.local
composer install
## REMINDER yarn
```
cd assets/fonts/deblan/ cd assets/fonts/deblan/
svg2ttf src/deblan-icon.svg deblan-icon.ttf svg2ttf src/deblan-icon.svg deblan-icon.ttf
ttf2woff deblan-icon.ttf deblan-icon.woff ttf2woff deblan-icon.ttf deblan-icon.woff
cat deblan-icon.ttf | ttf2woff2 > deblan-icon.woff2 cat deblan-icon.ttf | ttf2woff2 > deblan-icon.woff2
ttf2eot deblan-icon.ttf deblan-icon.eot ttf2eot deblan-icon.ttf deblan-icon.eot
- cd -
make
``` ```

View File

@ -795,6 +795,7 @@ $links: (
&-content { &-content {
display: inline-block; display: inline-block;
vertical-align: top; vertical-align: top;
word-break: break-all;
&--title { &--title {
font-weight: bold; font-weight: bold;
@ -808,6 +809,10 @@ $links: (
padding-top: 10px; padding-top: 10px;
font-size: 14px; font-size: 14px;
line-height: 20px; line-height: 20px;
.deblan-icon {
margin-right: 10px;
}
} }
} }
@ -838,6 +843,18 @@ $links: (
.quick-image img { .quick-image img {
height: 200px; height: 200px;
} }
.ejs-link {
&--anchor--with-image &-content {
display: block;
width: 100%;
}
&--image {
display: block;
margin: 30px auto 0 auto;
}
}
} }
@media screen and (max-width: 719px) { @media screen and (max-width: 719px) {

View File

@ -9,7 +9,10 @@
<div class="ejs-link-content--description">{{- meta.description|nl2br -}}</div> <div class="ejs-link-content--description">{{- meta.description|nl2br -}}</div>
{% endif %} {% endif %}
{% if link %} {% if link %}
<div class="ejs-link-content--link">{{- link -}}</div> <div class="ejs-link-content--link">
<span class="deblan-icon deblan-icon-link"></span>
{{- link -}}
</div>
{% endif %} {% endif %}
</div> </div>