STYLE imágenes
This commit is contained in:
@ -29,10 +29,6 @@ DEALLOCATE PREPARE stmt;
|
||||
```
|
||||
Ir al wordpress > herramientas > importar desde Joomla y ejecutar
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
==========================
|
||||
==========================
|
||||
NOTAS MIGRACIÓN
|
||||
|
||||
19
style.css
19
style.css
@ -88,6 +88,12 @@ button[type="reset"] {
|
||||
box-shadow: 0 2px 4px rgba(255, 0, 0, 0.25);
|
||||
}
|
||||
|
||||
/* reducir tamaño botones */
|
||||
.btn-xs {
|
||||
padding: 0.60rem 0.9rem;
|
||||
font-size: 0.7rem;
|
||||
}
|
||||
|
||||
/* Quitar el focus/active de todos los elementos del menú */
|
||||
.nav-link:focus,
|
||||
.nav-link:active,
|
||||
@ -267,7 +273,7 @@ button[type="reset"] {
|
||||
}
|
||||
|
||||
/* PORTADA -> SECTION CAMPAÑA */
|
||||
.card-img-fixed {
|
||||
.section-campana-conflictos .card-img-fixed {
|
||||
min-height: 300px;
|
||||
max-height: 300px;
|
||||
object-fit: cover;
|
||||
@ -279,8 +285,11 @@ button[type="reset"] {
|
||||
.section-noticias .posts-noticias .img-noticias,
|
||||
.section-industria .posts-noticias .img-noticias,
|
||||
.section-servicios .posts-noticias .img-noticias {
|
||||
min-height: 300px;
|
||||
max-height: 300px;
|
||||
overflow: hidden;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.posts-noticias .card-title-text:hover {
|
||||
@ -477,7 +486,9 @@ button[type="reset"] {
|
||||
}
|
||||
}
|
||||
|
||||
/* Texto sección tease.twig */
|
||||
/**
|
||||
* Texto sección tease.twig
|
||||
*/
|
||||
.link-underline-animate {
|
||||
position: relative;
|
||||
text-decoration: none;
|
||||
@ -504,7 +515,7 @@ button[type="reset"] {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/* search page */
|
||||
/* SEARCH PAGE */
|
||||
.offcanvas-body {
|
||||
height: 18vh!important; /* altura del 18% del viewport */
|
||||
}
|
||||
|
||||
@ -25,6 +25,7 @@
|
||||
<a href="{{ noticias.link }}" title="{{ noticias.title }}" class="text-decoration-none card-title">
|
||||
<h5 class="card-title-text">{{ noticias.title }}</h5>
|
||||
</a>
|
||||
|
||||
<p class="card-text"> {{
|
||||
noticias.excerpt({
|
||||
words: 50,
|
||||
|
||||
@ -14,10 +14,10 @@
|
||||
<h6 class="card-title mb-1">{{ doc.title }}</h6>
|
||||
</div>
|
||||
<div class="row g-0">
|
||||
<div class="col-2">
|
||||
<div class="col-1">
|
||||
{% if doc.thumbnail %}
|
||||
<img src="{{ doc.thumbnail }}"
|
||||
class="img-fluid object-fit-cover"
|
||||
class="img-fluid fit-object"
|
||||
alt="{{ doc.title }}"
|
||||
loading="lazy"
|
||||
>
|
||||
@ -27,7 +27,7 @@
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
<div class="col-10">
|
||||
<div class="col-11">
|
||||
<div class="card-body d-flex flex-column justify-content-between h-100 py-2">
|
||||
<div>
|
||||
{% if doc.content %}
|
||||
@ -38,14 +38,14 @@
|
||||
<div>
|
||||
{% if doc.documento_url %}
|
||||
<a href="{{ doc.documento_url }}"
|
||||
class="btn btn-sm me-2 btn-primary-cnt"
|
||||
class="btn me-2 btn-primary-cnt btn-xs"
|
||||
target="_blank">
|
||||
<i class="bi bi-eye-fill"></i>
|
||||
{{ __('Ver documento', 'Sindikatua') }}
|
||||
</a>
|
||||
|
||||
<a href="{{ doc.documento_url }}" download
|
||||
class="btn btn-sm me-2 btn-primary-cnt" >
|
||||
class="btn me-2 btn-primary-cnt btn-xs" >
|
||||
<i class="bi bi-cloud-download-fill"></i>
|
||||
{{ __('Descargar', 'Sindikatua') }}
|
||||
</a>
|
||||
|
||||
@ -12,12 +12,10 @@
|
||||
|
||||
<div class="card my-3 position-relative posts-noticias">
|
||||
<div class="row g-0">
|
||||
<div class="col-md-4">
|
||||
<div class="col-md-4 ">
|
||||
<a href="{{ noticias.link }}" title="{{ noticias.title }}">
|
||||
<img src="{{ imagen }}"
|
||||
<img src="{{ imagen }}" alt="{{ alt }}"
|
||||
class="rounded-start object-fit-cover w-100 h-100 img-noticias"
|
||||
alt="{{ alt }}"
|
||||
style="min-height: 200px; max-height: 300px;"
|
||||
/>
|
||||
</a>
|
||||
</div>
|
||||
@ -35,7 +33,7 @@
|
||||
<p class="card-text"><small class="text-body-secondary">{{ noticias.date }}</small></p>
|
||||
<a href="{{ noticias.link }}"
|
||||
class="btn position-absolute btn-secondary-cnt"
|
||||
style="position: absolute; bottom: 15px; right: 15px; z-index: 10;"
|
||||
style="bottom: 15px; right: 15px; z-index: 10;"
|
||||
>
|
||||
{{ __('Sigue leyendo', 'Sindikatua') }}...
|
||||
|
||||
|
||||
@ -72,7 +72,7 @@
|
||||
</section>
|
||||
|
||||
{# Sección Campañas / conflictos #}
|
||||
<section class="recent-posts py-4">
|
||||
<section class="recent-posts py-4 section-campana-conflictos">
|
||||
<div class="row align-items-stretch">
|
||||
|
||||
{# Campañas #}
|
||||
|
||||
@ -16,9 +16,8 @@
|
||||
<div class="row g-0">
|
||||
<div class="col-md-4">
|
||||
{# <a href="{{ noticias.link }}" title="{{ noticias.title }}"></a> #}
|
||||
<img src="{{ imagen }}"
|
||||
class="object-fit w-100 h-100 img-noticias"
|
||||
alt="{{ alt }}"
|
||||
<img src="{{ imagen }}" alt="{{ alt }}"
|
||||
class="rounded-start object-fit-cover w-100 img-noticias"
|
||||
/>
|
||||
|
||||
</div>
|
||||
@ -27,14 +26,6 @@
|
||||
{# <a href="{{ noticias.link }}" title="{{ noticias.title }}" class="text-decoration-none card-title"></a> #}
|
||||
<h5 class="card-title-text">{{ noticias.title }}</h5>
|
||||
<p class="card-text"> {{noticias.content}}</p>
|
||||
{# <p class="card-text"><small class="text-body-secondary">{{ noticias.date }}</small></p> #}
|
||||
{# <a href="{{ noticias.link }}"
|
||||
class="btn position-absolute btn-secondary-cnt"
|
||||
style="position: absolute; bottom: 15px; right: 15px; z-index: 10;"
|
||||
>
|
||||
{{ __('Sigue leyendo', 'Sindikatua') }}...
|
||||
|
||||
</a> #}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user