SAK-42891 Styled Gradebook Settings panels as expandable (sakaiprojec…

…t#7758)

gradebookng/tool/src/java/org/sakaiproject/gradebookng/tool/pages/SettingsPage.html

@@ -16,7 +16,7 @@ <h2><wicket:message key="settingspage.main.heading">Gradebook Setup</wicket:mess
 	</div>
 
 	<form wicket:id="form" id="gradebookSettings">
-		<div class="panel-group" id="settingsAccordion" role="tablist" aria-multiselectable="true">
+		<div class="panel-group sakai-accordion" id="settingsAccordion" role="tablist" aria-multiselectable="true">
 			<wicket:container wicket:id="gradeEntryPanel" />
 			<wicket:container wicket:id="gradeReleasePanel" />
 			<wicket:container wicket:id="statisticsPanel" />

library/src/morpheus-master/sass/modules/tool/_elements.scss

@@ -0,0 +1,25 @@
+.sakai-accordion {
+	.panel-heading > .panel-title {
+		padding: 0;
+
+		a {
+			padding: $standard-spacing;
+		}
+		a, a:hover {
+			text-decoration: none;
+		}
+		a:focus {
+			outline-offset: -#{$focus-outline-width};	// keep outline contained within the element
+		}
+		a::before {
+			content: "\f0da";				// fa-caret-right
+			display: inline-block;
+			width: 0.75em;					// fixed width for both icons, similar to .fa-fw
+			font-family: FontAwesome;
+			text-align: center;
+		}
+		a[aria-expanded="true"]::before {
+			content: "\f0d7";				// fa-caret-down
+		}
+	}
+}

library/src/morpheus-master/sass/tool.scss

@@ -14,6 +14,7 @@
 @import "modules/navigation/breadCrumbs";
 @import "modules/toolmenu";
 @import "modules/tool/base";
+@import "modules/tool/elements";
 @import "modules/tool/menu";
 @import "modules/tool/table";