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
==========================
==========================
NOTAS MIGRACIÓN

View File

@ -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 */
}

View File

@ -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,

View File

@ -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>

View File

@ -12,13 +12,11 @@
<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 }}"
class="rounded-start object-fit-cover w-100 h-100 img-noticias"
alt="{{ alt }}"
style="min-height: 200px; max-height: 300px;"
/>
<img src="{{ imagen }}" alt="{{ alt }}"
class="rounded-start object-fit-cover w-100 h-100 img-noticias"
/>
</a>
</div>
<div class="col-md-8">
@ -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') }}...

View File

@ -72,10 +72,10 @@
</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 #}
{# Campañas #}
<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>
@ -97,7 +97,7 @@
{% endif %}
</div>
{# conflictos #}
{# conflictos #}
<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>

View File

@ -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>