You are here

details--comment.html.twig in Open Social 8.3

Default theme implementation for a details element.

Available variables

  • attributes: A list of HTML attributes for the details element.
  • errors: (optional) Any errors for this details element, may not be set.
  • title: (optional) The title of the element, may not be set.
  • description: (optional) The description of the element, may not be set.
  • children: (optional) The children of the element, may not be set.
  • value: (optional) The value of the element, may not be set.

File

themes/socialbase/templates/comment/details--comment.html.twig
View source
  1. {#
  2. /**
  3. * @file
  4. * Default theme implementation for a details element.
  5. *
  6. * Available variables
  7. * - attributes: A list of HTML attributes for the details element.
  8. * - errors: (optional) Any errors for this details element, may not be set.
  9. * - title: (optional) The title of the element, may not be set.
  10. * - description: (optional) The description of the element, may not be set.
  11. * - children: (optional) The children of the element, may not be set.
  12. * - value: (optional) The value of the element, may not be set.
  13. *
  14. * @see template_preprocess_details()
  15. *
  16. * @ingroup themeable
  17. */
  18. #}
  19. <details{{ attributes }}>
  20. {%- if title -%}
  21. <summary{{ summary_attributes.addClass('btn btn-link btn-flat--gray') }}>{{ title }}
  22. <svg class="details__open-icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z"/><path d="M0 0h24v24H0z" fill="none"/></svg>
  23. <svg class="details__close-icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M12 8l-6 6 1.41 1.41L12 10.83l4.59 4.58L18 14z"/><path d="M0 0h24v24H0z" fill="none"/></svg>
  24. </summary>
  25. {%- endif -%}
  26. {{ errors }}
  27. {{ description }}
  28. {{ children }}
  29. {{ value }}
  30. </details>