Browse Source

update editorjs link block

develop
Simon Vieille 3 months ago
parent
commit
b6fbe1cc52
  1. 2
      .env
  2. 17
      README.md
  3. 17
      assets/css/app.scss
  4. 5
      templates/editorjs/link.html.twig

2
.env

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

17
README.md

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

17
assets/css/app.scss

@ -795,6 +795,7 @@ $links: (
&-content {
display: inline-block;
vertical-align: top;
word-break: break-all;
&--title {
font-weight: bold;
@ -808,6 +809,10 @@ $links: (
padding-top: 10px;
font-size: 14px;
line-height: 20px;
.deblan-icon {
margin-right: 10px;
}
}
}
@ -838,6 +843,18 @@ $links: (
.quick-image img {
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) {

5
templates/editorjs/link.html.twig

@ -9,7 +9,10 @@
<div class="ejs-link-content--description">{{- meta.description|nl2br -}}</div>
{% endif %}
{% 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 %}
</div>

Loading…
Cancel
Save