Unverified Commit c2335abf authored by lauriii's avatar lauriii
Browse files

Issue #2980304 by dww, jrockowitz, Rithesh BK, Kristen Pol, andrewmacpherson,...

Issue #2980304 by dww, jrockowitz, Rithesh BK, Kristen Pol, andrewmacpherson, dorianwinterfeld, bnjmnm: Seven theme's details/summary focus style is broken/missing in some browsers

(cherry picked from commit 4569c101)
parent aacc8814
......@@ -164,6 +164,16 @@ details summary:focus {
text-decoration: underline;
outline: none;
}
/**
* Unfortunately, text-decoration for details summary is not supported on all
* browsers. So we add a span (which can handle text-decoration) in Seven's
* templates/details.html.twig. In case there are other details templates that
* don't have the span, we leave the text-decoration in the parent selector.
* This provides maximum compatibility and coverage with minimal disruption.
*/
details summary:focus span {
text-decoration: underline;
}
img {
max-width: 100%;
height: auto;
......
......@@ -30,7 +30,7 @@
]
%}
<summary{{ summary_attributes.addClass(summary_classes) }}>
{{- title -}}
<span>{{ title }}</span>
</summary>
{%- endif -%}
<div class="seven-details__wrapper details-wrapper">
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment