Merge pull request #53 from humanmade/fix-dropdown-status-icon-styling

Fix styling of icon in publication checklist dropdown

Author: goldenapples

inc/namespace.php

@@ -9,7 +9,7 @@
 const INTERNAL_CHECKED_KEY = '__altis_publication_checklist_checked';
 const POSTS_COLUMN = 'altis_publication_checklist_status';
 const SCRIPT_ID = 'altis_publication_checklist';
-const VERSION = '0.4.5';
+const VERSION = '0.4.6';
 
 /**
  * Bootstrap.

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@humanmade/publication-checklist",
-  "version": "0.4.5",
+  "version": "0.4.6",
   "description": "A simple, yet flexible publication checklist for WordPress.",
   "author": "Human Made",
   "license": "GPL-2.0-or-later",

plugin.php

@@ -4,7 +4,7 @@
  * Description: Ensure authors meet requirements before publishing.
  * Author: Human Made
  * Author URI: https://humanmade.com/
- * Version: 0.4.5
+ * Version: 0.4.6
  */
 
 namespace Altis\Workflow\PublicationChecklist;

src/style.scss

@@ -85,11 +85,18 @@
 		&--to-complete .components-panel__body-title .components-button {
 			--indicator-size: 0.8em;
 
+			align-items: center;
 			position: relative;
 
+			svg {
+				fill: #f97a14;
+				height: 30px;
+				margin-left: auto;
+				width: 30px;
+			}
+
 			&::before {
 				content: '';
-				display: inline-block;
 				width: calc( var( --indicator-size ) + 0.5em );
 			}
 
@@ -108,6 +115,10 @@
 		&--completed .components-panel__body-title .components-button::after {
 			background: #3fcf8e;
 		}
+
+		&--completed .components-panel__body-title .components-button svg {
+			fill: #3fcf8e;
+		}
 	}
 }