replace inherit section arrow icon with CSS triangle

jothepro · jothepro · commit 74b42503df7e · 2022-08-19T00:18:32.000+02:00
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! 😊
diff --git a/doxygen-awesome.css b/doxygen-awesome.css
@@ -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'] {
@@ -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,
