[arcane:doc] Customize doxygen version of 'details' html element (used to hide UML graphs in devdoc)

Author: AlexlHer

arcane/doc/theme/css/custom.css

@@ -1,11 +1,11 @@
 /* -*- tab-width: 2; indent-tabs-mode: nil; coding: utf-8-with-signature -*-
 /*-----------------------------------------------------------------------------
-/* Copyright 2000-2023 CEA (www.cea.fr) IFPEN (www.ifpenergiesnouvelles.com)
+/* Copyright 2000-2025 CEA (www.cea.fr) IFPEN (www.ifpenergiesnouvelles.com)
 /* See the top-level COPYRIGHT file for details.
 /* SPDX-License-Identifier: Apache-2.0
 /*-----------------------------------------------------------------------------
 /*---------------------------------------------------------------------------*/
-/* custom.css                                                  (C) 2000-2023 */
+/* custom.css                                                  (C) 2000-2025 */
 /*                                                                           */
 /* Personnalisation des css de doxygen et du thème.                          */
 /*---------------------------------------------------------------------------*/
@@ -376,15 +376,48 @@ details[open] summary {
 details[open] summary::before {
   content: '⯆' !important;
 }
+
 /*
- * Fin : Personnalisation de la partie spoiler.
+ * Doxygen possède sa propre version de "details".
+ * On reproduit donc le style au-dessus pour la version de Doxygen.
  */
+div.dynheader {
+  border: 1px solid;
+  border-color: var(--separator-color);
+  border-radius: 4px;
+  margin: 0 0 10px 0;
+  background-color: var(--side-nav-background);
+  padding: 0.5em;
+  transition: color .08s ease-in-out, background-color .1s ease-in-out;
+  font-weight: bold;
+  cursor: pointer;
+}
+
+div.dynheader.opened {
+  border-bottom: 2px solid;
+  border-bottom-color: var(--primary-color);
+  margin: 0 0 0 0;
+  color: var(--primary-color) !important;
+}
 
+div.dynheader:hover {
+  color: var(--primary-color) !important;
+  background-color: var(--odd-color);
+}
+
+div.dyncontent {
+  border-width: 0 1px 1px 1px;
+  border-style: solid;
+  margin: 0 0 10px 0 !important;
+  border-color: var(--separator-color);
+}
+/*
+ * Fin : Personnalisation de la partie spoiler.
+ */
 
 /*---------------------------------------------------------------------------*/
 /*---------------------------------------------------------------------------*/
 
-
 /*
  * Début : Personnalisation de la partie axldoc.
  */