Skip to content

Commit

Permalink
replace inherit section arrow icon with CSS triangle
Browse files Browse the repository at this point in the history
The "inherited from" sections in a class documentation are hidden by
default. A small arrow icon indicates that the user can interact with
the given text and expand the items that are hidden behind it.

The icon is an image by default, which comes with two downsides:
1. It's not a vector graphic and looks oldschool on hdpi monitors
2. It cannot be matched exactly to the theme colors

This is why it was replaced by a CSS triangle that comes with a nice
open/close animation as a small bonus! 😊
  • Loading branch information
jothepro committed Aug 18, 2022
1 parent 51a8ce0 commit 74b4250
Showing 1 changed file with 21 additions and 0 deletions.
21 changes: 21 additions & 0 deletions doxygen-awesome.css
Original file line number Diff line number Diff line change
Expand Up @@ -1677,6 +1677,7 @@ table.fieldtable tr:last-child td:last-child {

table.memberdecls {
display: block;
-webkit-tap-highlight-color: transparent;
}

table.memberdecls tr[class^='memitem'] {
Expand Down Expand Up @@ -1767,6 +1768,26 @@ table.memberdecls .inherit_header td {
color: var(--page-secondary-foreground-color);
}

table.memberdecls img[src="closed.png"], table.memberdecls img[src="open.png"] {
width: 0;
height: 0;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 7px solid var(--primary-color);
margin-top: 8px;
display: block;
float: left;
margin-right: var(--spacing-small);
margin-left: -10px;
margin-right: 10px;
transition: transform 0.25s ease-out;
}

table.memberdecls img[src="closed.png"] {
transform: rotate(-90deg);

}

@media screen and (max-width: 767px) {

table.memberdecls .memItemLeft,
Expand Down

0 comments on commit 74b4250

Please sign in to comment.