Skip to content

Commit c4d632e

Browse files
Fix file list in Safari
Safari does not support the `::marker` psuedo-element. It does support a `::-webkit-details-marker` psuedo-element, but that element's `content` cannot be set. Therefore, to achieve the desired appearance in Safari (as well as other browsers), this commit hides the summary marker and uses `summary::before` to render the `+` and `-` icons.
1 parent d77123f commit c4d632e

File tree

1 file changed

+9
-2
lines changed
  • lib/rdoc/generator/template/rails/resources/css

1 file changed

+9
-2
lines changed

lib/rdoc/generator/template/rails/resources/css/main.css

Lines changed: 9 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -468,7 +468,14 @@ details.more-less summary:hover {
468468
color: inherit;
469469
}
470470

471-
details.more-less summary::marker {
471+
details.more-less summary {
472+
list-style-type: none;
473+
}
474+
details.more-less summary::-webkit-details-marker {
475+
display: none;
476+
}
477+
478+
details.more-less summary::before {
472479
font-size: 1.15em;
473480
content: "+";
474481
}
@@ -477,7 +484,7 @@ details.more-less[open] summary {
477484
top: calc(100% + 0.5em);
478485
}
479486

480-
details.more-less[open] summary::marker {
487+
details.more-less[open] summary::before {
481488
content: "-";
482489
}
483490

0 commit comments

Comments
 (0)