Change Font Awesome icons in new navigator page

thexerteproject · Jan 18, 2018 · ce3d637 · ce3d637
1 parent 469ea64
commit ce3d637
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 10 deletions.
diff --git a/modules/xerte/parent_templates/Nottingham/models_html5/nav.css b/modules/xerte/parent_templates/Nottingham/models_html5/nav.css
@@ -122,21 +122,23 @@
 	}
 
 	#pageContents.slide #btnHolder button {
-		background: #111;
+		/*background: #111;
 		border-color: #111;
-		border-radius: 10%;
+		border-radius: 10%;*/
 	}
 
 	#pageContents.slide #btnHolder .ui-icon {
-		color: white;
+		/*color: white;*/
 		width: auto;
 		height: auto;
+		margin-left: -0.3em;
+		margin-top: -0.45em;
 	}
 
 	#pageContents.slide #slideTxt {
 		float: left;
 		font-weight: bold;
-		margin-top: 10px;
+		padding-top: 0.7em;
 	}
 
 	#pageContents.slide .clearBoth {
@@ -145,8 +147,8 @@
 
 	#pageContents.slide #btnHolder {
 		border-top: 1px solid #ccc;
-		padding-top: 10px;
-		margin-top: 10px;
+		padding-top: 0.5em;
+		margin-top: 0.5em;
 	}
 
 	#pageContents.slide #btnHolder.top {

diff --git a/modules/xerte/parent_templates/Nottingham/models_html5/nav.html b/modules/xerte/parent_templates/Nottingham/models_html5/nav.html
@@ -361,8 +361,8 @@
 
 				$("#infoHolder").accordion({
 					icons: {
-						header: "fa fa-caret-right",
-						activeHeader: "fa fa-caret-down"
+						header: "fa fa-x-acc-hide",
+						activeHeader: "fa fa-x-acc-show"
 					},
 					collapsible: x_currentPageXML.getAttribute("collapsible") == "true" ? true : false,
 					active: x_currentPageXML.getAttribute("collapsible") == "true" ? false : 0,
@@ -428,7 +428,7 @@
 
 				$("#prevBtn")
 					.button({
-						icons: { primary: "fa fa-arrow-left" },
+						icons: { primary: "fa fa-x-prev" },
 						label: x_currentPageXML.getAttribute("prevBtnTip") == undefined || x_currentPageXML.getAttribute("prevBtnTip") == "" ? "Previous" : x_currentPageXML.getAttribute("prevBtnTip"),
 						text: false
 					})
@@ -438,7 +438,7 @@
 
 				$("#nextBtn")
 					.button({
-						icons: { primary: "fa fa-arrow-right" },
+						icons: { primary: "fa fa-x-next" },
 						label: x_currentPageXML.getAttribute("nextBtnTip") == undefined || x_currentPageXML.getAttribute("nextBtnTip") == "" ? "Next" : x_currentPageXML.getAttribute("nextBtnTip"),
 						text: false
 					})