浏览代码

change arrow character for default prev/next button

Adam Shaw 13 年之前
父节点
当前提交
bc077f8ae4
共有 2 个文件被更改,包括 22 次插入4 次删除
  1. 4 4
      src/defaults.js
  2. 18 0
      src/main.css

+ 4 - 4
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: ' ◄ ',
-		next: ' ► ',
-		prevYear: ' << ',
-		nextYear: ' >> ',
+		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',

+ 18 - 0
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;
+	}