change arrow character for default prev/next button

adi-b · Mar 4, 2013 · bc077f8 · bc077f8
1 parent 20a901d
commit bc077f8
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 4 deletions.
diff --git a/src/defaults.js b/src/defaults.js
@@ -50,10 +50,10 @@ var defaults = {
 	dayNames: ['Sunday','Monday','Tuesday','Wednesday','Thursday','Friday','Saturday'],
 	dayNamesShort: ['Sun','Mon','Tue','Wed','Thu','Fri','Sat'],
 	buttonText: {
-		prev: '&nbsp;&#9668;&nbsp;',
-		next: '&nbsp;&#9658;&nbsp;',
-		prevYear: '&nbsp;&lt;&lt;&nbsp;',
-		nextYear: '&nbsp;&gt;&gt;&nbsp;',
+		prev: "<span class='fc-text-arrow'>&lsaquo;</span>",
+		next: "<span class='fc-text-arrow'>&rsaquo;</span>",
+		prevYear: "<span class='fc-text-arrow'>&laquo;</span>",
+		nextYear: "<span class='fc-text-arrow'>&raquo;</span>",
 		today: 'today',
 		month: 'month',
 		week: 'week',

diff --git a/src/main.css b/src/main.css
@@ -100,6 +100,24 @@ html .fc,
 .fc-header .ui-state-active {
 	z-index: 4;
 	}
+
+/*
+Our default prev/next buttons use HTML entities like &lsaquo; &rsaquo; &laquo; &raquo;
+and we'll try to make them look good cross-browser.
+*/
+
+.fc-text-arrow {
+	position: relative;
+	top: -8%;
+	margin: 0 .2em;
+	font-size: 2em;
+	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
+	}
+
+.fc-button-prev .fc-text-arrow,
+.fc-button-next .fc-text-arrow { /* for &lsaquo; &rsaquo; */
+	font-weight: bold;
+	}