Merge pull request #666 from ProgressPlanner/filip/fix-popover-signup-button

Add styling for popover signup button

Author: ilicfilip

assets/css/admin.css

@@ -306,7 +306,8 @@ button.prpl-info-icon {
 .prpl-wrap button.prpl-button-secondary,
 .prpl-wrap a.prpl-button-primary,
 .prpl-wrap a.prpl-button-secondary,
-#progress_planner_dashboard_widget_score a.prpl-button-primary { /* To be used in WP Dashboard widget */
+#progress_planner_dashboard_widget_score a.prpl-button-primary,
+#progress_planner_dashboard_widget_score a.prpl-button-secondary { /* To be used in WP Dashboard widget */
 	display: block;
 	margin: 1rem 0;
 	padding: 0.75rem 1.25rem;
@@ -360,13 +361,23 @@ button.prpl-info-icon {
 }
 
 .prpl-wrap input.prpl-button-secondary,
-.prpl-wrap button.prpl-button-secondary {
+.prpl-wrap button.prpl-button-secondary,
+.prpl-wrap a.prpl-button-secondary,
+#progress_planner_dashboard_widget_score a.prpl-button-secondary {
 	background: var(--prpl-color-selection-controls-inactive);
 
+	&::after {
+		background: var(--prpl-color-selection-controls-inactive);
+	}
+
 	&:not([disabled]):hover,
 	&:not([disabled]):focus {
 		background: var(--prpl-color-ui-icon);
 		box-shadow: 3px 3px 10px var(--prpl-color-ui-icon);
+
+		&::after {
+			background: var(--prpl-color-ui-icon);
+		}
 	}
 }
 

views/popovers/subscribe-form.php

@@ -66,5 +66,5 @@ class="prpl-input"
 			value="yes"
 		>
 	</div>
-	<button id="submit-license-key" class="button button-primary"><?php \esc_html_e( 'Subscribe', 'progress-planner' ); ?></button>
+	<button id="submit-license-key" class="prpl-button prpl-button-primary"><?php \esc_html_e( 'Subscribe', 'progress-planner' ); ?></button>
 </form>