Retouches cosmétiques pour inciter à ouverture des blocs

This commit is contained in:
Matt Marcha 2021-02-04 15:07:06 +01:00
parent 12e1a29677
commit 7f52e388f4
2 changed files with 32 additions and 6 deletions

1
custom.js Normal file → Executable file
View file

@ -10,6 +10,7 @@ jQuery( document ).ready(function($) {
$(".measure-wrapper .measure-title").click(function() { $(".measure-wrapper .measure-title").click(function() {
$(this).next(".measure-content").slideToggle(500, "swing"); $(this).next(".measure-content").slideToggle(500, "swing");
$(this).toggleClass("open");
}) })

35
style.css Normal file → Executable file
View file

@ -3,7 +3,7 @@ Theme Name: 100filtres
Description: Thème spécifique pour le suivi des mesures de la CCC Description: Thème spécifique pour le suivi des mesures de la CCC
Author: Matt Marcha Author: Matt Marcha
Template: twentytwenty Template: twentytwenty
Version: 0.1 Version: 1.0
*/ */
/** Général **/ /** Général **/
@ -50,7 +50,8 @@ Version: 0.1
} }
/*** homepage measures list **/ /*** homepage measures list **/
.mobile-home-measures-title { .mobile-home-measures-title,
.mobile-home-measures-label{
display: none; display: none;
} }
@ -76,14 +77,35 @@ Version: 0.1
.status-desc, .status-desc,
.measure-meta { .measure-meta {
margin: 0; margin: 0;
padding: 5px 8px; padding: 5px 5px;
} }
.entry-content h3.measure-title { .entry-content h3.measure-title {
position: relative;
padding-right: 40px;
font-size: 1.4em; font-size: 1.4em;
font-weight: 500; font-weight: 500;
} }
.entry-content h3.measure-title::after {
content: "+";
position: absolute;
right: 0;
bottom: 0;
margin: 5px;
color: white;
text-align: center;
font-weight: 900;
font-size: 40px;
width: 24px;
height: 24px;
line-height: 20px;
}
.entry-content h3.measure-title.open::after {
content: "-";
}
.status-desc { .status-desc {
text-transform: uppercase; text-transform: uppercase;
font-style: italic; font-style: italic;
@ -317,11 +339,14 @@ Version: 0.1
} }
@media only screen and (max-width: 599px) { @media only screen and (max-width: 599px) {
.mobile-home-measures-title { .mobile-home-measures-title,
.mobile-home-measures-label {
display: block; display: block;
margin-bottom: 0 !important;
} }
.home-measures-title { .home-measures-title,
.home-measures-title + p {
display: none; display: none;
} }
} }