feat: improve importer UI

Author: girishpanchal30

css/metabox-settings.css

@@ -42,6 +42,7 @@
 	.fz-input-group{flex-wrap: wrap;}
 	.fz-input-group .fz-input-group-right{width: 100%; padding-left: 0; padding-top: 8px;}
 	.fz-input-group .fz-input-group-right .btn.dropdown-toggle{width: 100%;}
+	.fz-input-group .fz-insert-tags{width: auto; padding: 0;}
 	.fz-form-wrap .form-block.form-block-two-column .fz-left{width: 100%; padding-right: 0; padding-bottom: 24px;}
 	.fz-form-wrap .form-block.form-block-two-column .fz-right{width: 100%;}
 	.fz-form-action .fz-left{width: 100%; padding-bottom: 16px;}

css/settings.css

@@ -93,6 +93,9 @@
 .mx-320{
 	max-width: 320px;
 }
+.position-relative{position: relative;}
+.position-absolute{position: absolute;}
+
 .feedzy-wrap a:not(#fz-feedback-btn):focus{
 	box-shadow: none;
 	outline: 0;
@@ -140,12 +143,17 @@
 }
 
 /* feedzy accordion style start */
+.feedzy-accordion-item,
+.feedzy-accordion-item *{
+	font-size: 15px !important;
+}
 .feedzy-accordion-item{
 	background: #ffffff;
 	border: 1px solid #D9D9D9;
 }
 .feedzy-accordion-item__title{
 	position: relative;
+	padding: 8px 15px;
 }
 .fdz-upgrade-link{
 	width: 100%;
@@ -169,34 +177,38 @@
 	border: 0;
 	background: transparent;
 	outline: 0;
-	padding: 30px 90px 30px 30px;
+	padding: 10px;
 }
 .feedzy-accordion-item .feedzy-accordion__step-number{
 	padding-bottom: 10px;
 }
 .feedzy-accordion-item .feedzy-accordion__step-title{
 	color: #050505;
+	line-height: 1.3;
 }
 .feedzy-accordion-item .feedzy-accordion__icon{
 	position: absolute;
 	right: 30px;
 	top: 50%;
-	margin-top: -24px;
-	width: 48px;
-	height: 48px;
+	margin-top: -15px;
+	width: 30px;
+	height: 30px;
 	background: #F0F2F5;
 	border-radius: 24px;
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	font-size: 20px;
-	line-height: 1;
+	line-height: 1.5;
 	color: #757575;
 	-webkit-transition: all 0.3s ease-in-out;
 	-moz-transition: all 0.3s ease-in-out;
 	-o-transition: all 0.3s ease-in-out;
 	transition: all 0.3s ease-in-out;
 }
+.feedzy-accordion-item .feedzy-accordion__icon .dashicons{
+	line-height: 1.5;
+}
 .feedzy-accordion-item .feedzy-accordion__icon.feedzy-accordion__icon--success{
 	width: 24px;
 	height: 24px;
@@ -235,6 +247,8 @@
 	-moz-transition: all 0.3s ease-in-out;
 	-o-transition: all 0.3s ease-in-out;
 	transition: all 0.3s ease-in-out;
+	font-size: 10px !important;
+	margin-right: 5px;
 }
 .feedzy-accordion .feedzy-accordion-item .is-active .feedzy-accordion__step-number{
 	opacity: 1;
@@ -297,6 +311,7 @@
 	height: auto;
 	min-height: 48px;
 	padding-top: 2px;
+	line-height: 0;
 }
 
 .fz-form-wrap .form-control:focus {
@@ -377,6 +392,16 @@ fieldset[disabled] .form-control {
 .fz-input-group .fz-input-group-right .dropdown-toggle{
 	min-width: 150px;
 }
+.fz-input-group .fz-insert-tags{
+	top: 7px;
+	right: 10px;
+}
+.fz-input-group .fz-insert-tags button.dropdown-toggle {
+	padding: 5px 20px;
+	border: 2px solid;
+	border-radius: 5px;
+	min-width: auto;
+}
 .fz-input-group .help-text{
 	padding-top: 8px;
 }
@@ -946,6 +971,13 @@ input.fz-switch-toggle[type=checkbox]:checked:before{
 .tag-list .tagify{
 	border: 0;
 }
+.fz-form-wrap .tagify>.tagify__tag{
+	margin: 5px 7px 7px;
+}
+.fz-form-wrap .tagify .tagify__tag .tagify__input,
+.fz-form-wrap .tagify .tagify__input{
+	padding: 5px;
+}
 .fz-form-wrap .tagify__tag{
 	position: relative;
 	margin-left: 2px;

includes/admin/feedzy-rss-feeds-import.php

@@ -436,6 +436,12 @@ public function feedzy_import_feed_options() {
 			$import_link_author[1] = 'checked';
 		}
 
+		// default values when creating a import.
+		if ( 'post-new.php' === $pagenow ) {
+			$import_date         = '[#item_date]';
+			$import_featured_img = '[[{"value":"%5B%7B%22id%22%3A%22%22%2C%22tag%22%3A%22item_image%22%2C%22data%22%3A%7B%7D%7D%5D"}]]';    
+		}
+
 		// maybe more options are required from pro?
 		$pro_options = apply_filters( 'feedzy_metabox_options', array(), $post->ID );