deblan/deblan.io-murph
deblan/deblan.io-murph
1
0
Fork 0
Code Issues Pull requests 1 Projects Releases Wiki Activity

change quick render to card

Browse source
This commit is contained in:
Simon Vieille 2022-10-01 10:39:52 +02:00
parent b9b6279a79
commit fe197bd7b4
Signed by: deblan
GPG key ID: 579388D585F70417
2 changed files with 26 additions and 29 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
assets/css/app.scss
View file

@ -642,7 +642,7 @@ pre[class*="language-"] {
height: 450px;
background-position: center center;
background: #f2f2f2 url('../images/quick-post-load.png') no-repeat center center;
border: 2px solid $color-very-light-grey;
// border: 2px solid $color-very-light-grey;
border-bottom: 0;
cursor: pointer;
border-top-left-radius: 5px;
@ -652,10 +652,10 @@ pre[class*="language-"] {
&-video {
.video-ratio {
border: 2px solid $color-very-light-grey;
border-bottom: 0;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
// border: 2px solid $color-very-light-grey;
// border-bottom: 0;
// border-top-left-radius: 5px;
// border-top-right-radius: 5px;
iframe {
border-top-left-radius: 5px;
@ -669,11 +669,6 @@ pre[class*="language-"] {
}
&-body {
padding: 10px 10px 0 10px;
border: 2px solid $color-very-light-grey;
margin-top: -7px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
word-break: break-all;
}
}

40
templates/page/post/_quick_post.html.twig
View file

@ -25,27 +25,29 @@
{%- endset -%}
{% if isVideo %}
<div class="quick">
<div class="quick-video">
<div class="video-ratio" data-ratio="{{ post.quickVideoHeight * 100 / post.quickVideoWidth }}%">
<iframe src="{{ post.quickVideo }}" allowfullscreen></iframe>
<div class="quick card shadow-md m-3 md:ml-0 md:mr-0 bg-box">
<div class="card">
<figure class="quick-video m-0">
<div class="video-ratio" data-ratio="{{ post.quickVideoHeight * 100 / post.quickVideoWidth }}%">
<iframe src="{{ post.quickVideo }}" allowfullscreen></iframe>
</div>
</figure>
<div class="quick-body card-body">
<h2 class="h4 no-margin card-title">
<a href="{{ url }}" target="_blank">
{{- title -}}
</a>
</h2>
<p class="no-margin">
<a href="{{ url }}" target="_blank">{{ url }}</a>
</p>
{{- content|raw -}}
{{- more|raw -}}
</div>
</div>
<div class="quick-body">
<h2 class="h4 no-margin">
<a href="{{ url }}" target="_blank">
{{- title -}}
</a>
</h2>
<p class="no-margin">
<a href="{{ url }}" target="_blank">{{ url }}</a>
</p>
{{- content|raw -}}
{{- more|raw -}}
</div>
</div>
{% elseif not image %}
<div class="quick-body">