STYLE imágenes

This commit is contained in:
2025-10-21 13:29:36 +00:00
parent 10dbf60c80
commit 4c614e3710
7 changed files with 31 additions and 34 deletions

View File

@ -29,10 +29,6 @@ DEALLOCATE PREPARE stmt;
``` ```
Ir al wordpress > herramientas > importar desde Joomla y ejecutar Ir al wordpress > herramientas > importar desde Joomla y ejecutar
========================== ==========================
========================== ==========================
NOTAS MIGRACIÓN NOTAS MIGRACIÓN

View File

@ -88,6 +88,12 @@ button[type="reset"] {
box-shadow: 0 2px 4px rgba(255, 0, 0, 0.25); 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ú */ /* Quitar el focus/active de todos los elementos del menú */
.nav-link:focus, .nav-link:focus,
.nav-link:active, .nav-link:active,
@ -267,7 +273,7 @@ button[type="reset"] {
} }
/* PORTADA -> SECTION CAMPAÑA */ /* PORTADA -> SECTION CAMPAÑA */
.card-img-fixed { .section-campana-conflictos .card-img-fixed {
min-height: 300px; min-height: 300px;
max-height: 300px; max-height: 300px;
object-fit: cover; object-fit: cover;
@ -279,8 +285,11 @@ button[type="reset"] {
.section-noticias .posts-noticias .img-noticias, .section-noticias .posts-noticias .img-noticias,
.section-industria .posts-noticias .img-noticias, .section-industria .posts-noticias .img-noticias,
.section-servicios .posts-noticias .img-noticias { .section-servicios .posts-noticias .img-noticias {
min-height: 300px;
max-height: 300px; max-height: 300px;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
} }
.posts-noticias .card-title-text:hover { .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 { .link-underline-animate {
position: relative; position: relative;
text-decoration: none; text-decoration: none;
@ -504,7 +515,7 @@ button[type="reset"] {
width: 100%; width: 100%;
} }
/* search page */ /* SEARCH PAGE */
.offcanvas-body { .offcanvas-body {
height: 18vh!important; /* altura del 18% del viewport */ height: 18vh!important; /* altura del 18% del viewport */
} }

View File

@ -25,6 +25,7 @@
<a href="{{ noticias.link }}" title="{{ noticias.title }}" class="text-decoration-none card-title"> <a href="{{ noticias.link }}" title="{{ noticias.title }}" class="text-decoration-none card-title">
<h5 class="card-title-text">{{ noticias.title }}</h5> <h5 class="card-title-text">{{ noticias.title }}</h5>
</a> </a>
<p class="card-text"> {{ <p class="card-text"> {{
noticias.excerpt({ noticias.excerpt({
words: 50, words: 50,

View File

@ -14,10 +14,10 @@
<h6 class="card-title mb-1">{{ doc.title }}</h6> <h6 class="card-title mb-1">{{ doc.title }}</h6>
</div> </div>
<div class="row g-0"> <div class="row g-0">
<div class="col-2"> <div class="col-1">
{% if doc.thumbnail %} {% if doc.thumbnail %}
<img src="{{ doc.thumbnail }}" <img src="{{ doc.thumbnail }}"
class="img-fluid object-fit-cover" class="img-fluid fit-object"
alt="{{ doc.title }}" alt="{{ doc.title }}"
loading="lazy" loading="lazy"
> >
@ -27,7 +27,7 @@
</div> </div>
{% endif %} {% endif %}
</div> </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 class="card-body d-flex flex-column justify-content-between h-100 py-2">
<div> <div>
{% if doc.content %} {% if doc.content %}
@ -38,14 +38,14 @@
<div> <div>
{% if doc.documento_url %} {% if doc.documento_url %}
<a href="{{ 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"> target="_blank">
<i class="bi bi-eye-fill"></i> <i class="bi bi-eye-fill"></i>
{{ __('Ver documento', 'Sindikatua') }} {{ __('Ver documento', 'Sindikatua') }}
</a> </a>
<a href="{{ doc.documento_url }}" download <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> <i class="bi bi-cloud-download-fill"></i>
{{ __('Descargar', 'Sindikatua') }} {{ __('Descargar', 'Sindikatua') }}
</a> </a>

View File

@ -12,13 +12,11 @@
<div class="card my-3 position-relative posts-noticias"> <div class="card my-3 position-relative posts-noticias">
<div class="row g-0"> <div class="row g-0">
<div class="col-md-4"> <div class="col-md-4 ">
<a href="{{ noticias.link }}" title="{{ noticias.title }}"> <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" class="rounded-start object-fit-cover w-100 h-100 img-noticias"
alt="{{ alt }}" />
style="min-height: 200px; max-height: 300px;"
/>
</a> </a>
</div> </div>
<div class="col-md-8"> <div class="col-md-8">
@ -35,7 +33,7 @@
<p class="card-text"><small class="text-body-secondary">{{ noticias.date }}</small></p> <p class="card-text"><small class="text-body-secondary">{{ noticias.date }}</small></p>
<a href="{{ noticias.link }}" <a href="{{ noticias.link }}"
class="btn position-absolute btn-secondary-cnt" 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') }}... {{ __('Sigue leyendo', 'Sindikatua') }}...

View File

@ -72,10 +72,10 @@
</section> </section>
{# Sección Campañas / conflictos #} {# 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"> <div class="row align-items-stretch">
{# Campañas #} {# Campañas #}
<div class="col-12 col-sm-12 col-md-6"> <div class="col-12 col-sm-12 col-md-6">
<h1 class="mb-4 position-relative fs-4 fw-bold sp-module-title">{{ __('Campañas', 'Sindikatua')|upper }}</h1> <h1 class="mb-4 position-relative fs-4 fw-bold sp-module-title">{{ __('Campañas', 'Sindikatua')|upper }}</h1>
@ -97,7 +97,7 @@
{% endif %} {% endif %}
</div> </div>
{# conflictos #} {# conflictos #}
<div class="col-12 col-sm-12 col-md-6 mt-5 mt-md-0"> <div class="col-12 col-sm-12 col-md-6 mt-5 mt-md-0">
<h1 class="mb-4 position-relative fs-4 fw-bold sp-module-title">{{ __('Conflictos Laborales', 'Sindikatua')|upper }}</h1> <h1 class="mb-4 position-relative fs-4 fw-bold sp-module-title">{{ __('Conflictos Laborales', 'Sindikatua')|upper }}</h1>

View File

@ -16,9 +16,8 @@
<div class="row g-0"> <div class="row g-0">
<div class="col-md-4"> <div class="col-md-4">
{# <a href="{{ noticias.link }}" title="{{ noticias.title }}"></a> #} {# <a href="{{ noticias.link }}" title="{{ noticias.title }}"></a> #}
<img src="{{ imagen }}" <img src="{{ imagen }}" alt="{{ alt }}"
class="object-fit w-100 h-100 img-noticias" class="rounded-start object-fit-cover w-100 img-noticias"
alt="{{ alt }}"
/> />
</div> </div>
@ -27,14 +26,6 @@
{# <a href="{{ noticias.link }}" title="{{ noticias.title }}" class="text-decoration-none card-title"></a> #} {# <a href="{{ noticias.link }}" title="{{ noticias.title }}" class="text-decoration-none card-title"></a> #}
<h5 class="card-title-text">{{ noticias.title }}</h5> <h5 class="card-title-text">{{ noticias.title }}</h5>
<p class="card-text"> {{noticias.content}}</p> <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> </div>
</div> </div>