add animation to header dropdown

anastascho · anastascho · commit cc34d7ab8f8f · 2024-02-09T16:49:45.000+02:00
diff --git a/src/css/header.css b/src/css/header.css
@@ -501,6 +501,14 @@ body {
   color: var(--eclipse-orange);
 }
 
+.sections-dropdown-button:hover .fa-angle-right {
+  rotate: 90deg !important;
+}
+
+.sections-dropdown-button:active .fa-angle-right {
+  rotate: 90deg !important;
+}
+
 .fa-angle-right:hover {
   color: var(--eclipse-orange);
 }

Original file line number	Diff line number	Diff line change
`@@ -501,6 +501,14 @@ body {`
`501`	`501`	`color: var(--eclipse-orange);`
`502`	`502`	`}`
`503`	`503`
	`504`	`+.sections-dropdown-button:hover .fa-angle-right {`
	`505`	`+ rotate: 90deg !important;`
	`506`	`+}`
	`507`	`+`
	`508`	`+.sections-dropdown-button:active .fa-angle-right {`
	`509`	`+ rotate: 90deg !important;`
	`510`	`+}`
	`511`	`+`
`504`	`512`	`.fa-angle-right:hover {`
`505`	`513`	`color: var(--eclipse-orange);`
`506`	`514`	`}`