Set custom color palettes

flymke · Apr 21, 2014 · 654277d · 654277d
1 parent a5c6b2e
commit 654277d
Show file tree

Hide file tree

Showing 4 changed files with 74 additions and 60 deletions.
diff --git a/README.txt b/README.txt
@@ -85,6 +85,7 @@ Visit [Mark Posts on Github](https://github.com/flymke/mark-posts)
 
 = 1.0.4 =
 * Add `mark_posts_marker_limit` filter for custom marker user roles
+* Provide custom color palettes for markers
 
 = 1.0.3 =
 * Code refactoring

diff --git a/admin/assets/css/admin.css b/admin/assets/css/admin.css
@@ -1,66 +1,75 @@
-/* This stylesheet is used to style the admin option form of the plugin. */
-
+/* Mark Posts Admin Styles */
 .new-markers {
-	height: 20px;
+	height:  20px;
 	padding: 10px 0 5px 0;
 }
+
 .new-markers
 .js-new-markers-intro {
 	display: none;
 }
+
 .new-marker,
 .mark-posts-marker {
-        background: rgba(255,255,255); /* for IE */
-	background: rgba(255,255,255,.65);
-	color: #444;
-	line-height: 27px; /* in case of multiple lines for markers*/
-	padding: 0 5px;
-	margin: 0 0 0 3px;
+	background:            rgba(255, 255, 255); /* for IE */
+	background:            rgba(255, 255, 255, .65);
+	color:                 #444;
+	line-height:           27px; /* in case of multiple lines for markers*/
+	padding:               0 5px;
+	margin:                0 0 0 3px;
 	-webkit-border-radius: 3px;
-	-moz-border-radius: 3px;
-	border-radius: 3px;
-        display: inline-block;
-        font-weight:bold;
+	-moz-border-radius:    3px;
+	border-radius:         3px;
+	display:               inline-block;
+	font-weight:           bold;
 }
+
 .mark-posts-marker {
-        margin-top:6px;
+	margin-top: 6px;
 }
+
 span.mark-posts-color {
-        position:absolute;
-        top:-41px;
-        right:30px;
-        width:20px;
-        height:20px;
-        display:block;
-        margin-left:10px;
+	position:    absolute;
+	top:         -41px;
+	right:       30px;
+	width:       20px;
+	height:      20px;
+	display:     block;
+	margin-left: 10px;
 }
+
 span.mark-posts-color,
 #mark_posts_options h3.hndle {
-    	-webkit-transition: 100ms linear;  /* Chrome 1-25, Safari 3.2+ */
-	-moz-transition: 100ms linear;  /* Firefox 4-15 */
-	-o-transition: 100ms linear;  /* Opera 10.50–12.00 */
-	transition: 100ms linear;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
+	-webkit-transition: 100ms linear; /* Chrome 1-25, Safari 3.2+ */
+	-moz-transition:    100ms linear; /* Firefox 4-15 */
+	-o-transition:      100ms linear; /* Opera 10.50–12.00 */
+	transition:         100ms linear; /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
 }
+
 .mark_posts_pre {
-        position:absolute;
-        width:5px;
-        height:100%;
-        top:0;
-        left:0;
+	position: absolute;
+	width:    5px;
+	height:   100%;
+	top:      0;
+	left:     0;
 }
+
 a.mark-posts-initial {
-    display:inline-block;
-    margin-left:25px;
+	display:     inline-block;
+	margin-left: 25px;
 }
+
 .mark-posts-copy {
-    margin-top:25px;
-    padding-top:25px;
+	margin-top:  25px;
+	padding-top: 25px;
 }
+
 #wpbody-content .quick-edit-row-page .inline-edit-col-right.mark-posts-quickedit {
-    margin-top:0;
-    width:50%;
-    float:right;
+	margin-top: 0;
+	width:      50%;
+	float:      right;
 }
+
 .mark-posts-donate {
-    margin-top:15px;   
+	margin-top: 15px;
 }
diff --git a/admin/assets/css/dashboard.css b/admin/assets/css/dashboard.css
@@ -1,29 +1,32 @@
-/* dashboard widget styles */
+/* Mark Posts Dashboard Widget Styles */
 #markers_right_now {
-  overflow: hidden;
-  padding: 0px;
-  margin: 0;
+	overflow: hidden;
+	padding:  0px;
+	margin:   0;
 }
+
 #markers_right_now li {
-  width: 50%;
-  float: left;
-  margin-bottom: 10px;
+	width:         50%;
+	float:         left;
+	margin-bottom: 10px;
 }
+
 #markers_right_now li span {
-  line-height: 1.4em;
-  font-size: 13px;
+	line-height: 1.4em;
+	font-size:   13px;
 }
+
 #markers_right_now li span:before {
-  font: 400 20px/1 dashicons;
-  content: '\f159';
-  speak: none;
-  display: block;
-  float: left;
-  margin: 0 5px 0 0;
-  padding: 0;
-  text-indent: 0;
-  text-align: center;
-  position: relative;
-  -webkit-font-smoothing: antialiased;
-  text-decoration: none!important;
+	font:                   400 20px/1 dashicons;
+	content:                '\f159';
+	speak:                  none;
+	display:                block;
+	float:                  left;
+	margin:                 0 5px 0 0;
+	padding:                0;
+	text-indent:            0;
+	text-align:             center;
+	position:               relative;
+	-webkit-font-smoothing: antialiased;
+	text-decoration:        none !important;
 }
diff --git a/admin/assets/js/markposts.js b/admin/assets/js/markposts.js
@@ -4,7 +4,8 @@
 	// color picket setup
 	$(function () {
 		$('.my-color-field').wpColorPicker({
-			defaultColor: false
+			defaultColor: false,
+			palettes: ['#96D754', '#FFFA74', '#FF7150', '#9ABADC', '#FFA74C', '#158A61']
 		});
 	});