Retouches cosmétiques pour inciter à ouverture des blocs

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");
     })
 
 

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