diff --git a/custom.js b/custom.js old mode 100644 new mode 100755 index 106be13..ae07bd2 --- a/custom.js +++ b/custom.js @@ -10,6 +10,7 @@ jQuery( document ).ready(function($) { $(".measure-wrapper .measure-title").click(function() { $(this).next(".measure-content").slideToggle(500, "swing"); + $(this).toggleClass("open"); }) diff --git a/style.css b/style.css old mode 100644 new mode 100755 index e677dd4..3d573c7 --- a/style.css +++ b/style.css @@ -3,7 +3,7 @@ Theme Name: 100filtres Description: Thème spécifique pour le suivi des mesures de la CCC Author: Matt Marcha Template: twentytwenty -Version: 0.1 +Version: 1.0 */ /** Général **/ @@ -37,7 +37,7 @@ Version: 0.1 } .home-titles-cols, -.home-titles-cols .wp-block-column{ +.home-titles-cols .wp-block-column { margin-bottom: 5px !important; } @@ -50,7 +50,8 @@ Version: 0.1 } /*** homepage measures list **/ -.mobile-home-measures-title { +.mobile-home-measures-title, +.mobile-home-measures-label{ display: none; } @@ -76,14 +77,35 @@ Version: 0.1 .status-desc, .measure-meta { margin: 0; - padding: 5px 8px; + padding: 5px 5px; } .entry-content h3.measure-title { + position: relative; + padding-right: 40px; font-size: 1.4em; 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 { text-transform: uppercase; font-style: italic; @@ -317,11 +339,14 @@ Version: 0.1 } @media only screen and (max-width: 599px) { - .mobile-home-measures-title { + .mobile-home-measures-title, + .mobile-home-measures-label { display: block; + margin-bottom: 0 !important; } - .home-measures-title { + .home-measures-title, + .home-measures-title + p { display: none; } } \ No newline at end of file