Issue awesomemotive#143 Added banner to free modules in Feature Manager

stanislavsa · Jun 22, 2016 · bb7f3ec · bb7f3ec
1 parent 90d12df
commit bb7f3ec
Show file tree

Hide file tree

Showing 3 changed files with 48 additions and 1 deletion.
diff --git a/css/modules/aioseop_module-rtl.css b/css/modules/aioseop_module-rtl.css
@@ -132,6 +132,20 @@ div.aioseop_feature {
     float: right
 }
 
+.aioseop_feature #free-flag {
+	float: left;
+	margin-right: 0;
+	background: none repeat scroll 0 0 #D23D46;
+	color: #FFFFFF;
+	padding: 5px 12px;
+	position: relative;
+}
+
+.aioseop_feature #free-flag:before,
+.aioseop_feature #free-flag:after {
+	display: none;
+}
+
 .aioseop_feature .feature_button {
     float: left;
     margin-right: 0;

diff --git a/css/modules/aioseop_module.css b/css/modules/aioseop_module.css
@@ -501,6 +501,39 @@ div.aioseop_feature {
     -moz-transition-duration: .4s;
 }
 
+.aioseop_feature #free-flag {
+	float: right;
+	margin-right: -7px;
+	background: none repeat scroll 0 0 #D23D46;
+	color: #FFFFFF;
+	padding: 5px 12px 6px 5px;
+	position: relative;
+}
+
+.aioseop_feature #free-flag:before {
+	border-color: #D23D46 #D23D46 #D23D46 transparent;
+	    border-style: solid;
+	    border-width: 14px 4px 15px 10px;
+	    content: "";
+	    left: -14px;
+	    position: absolute;
+	    top: 0;
+}
+
+.aioseop_feature #free-flag:after {
+	border-color: #892026 transparent transparent;
+	    border-style: solid;
+	    border-width: 6px 6px 6px 0;
+	    bottom: -12px;
+	    content: "";
+	    position: absolute;
+	    right: 0;
+}
+
+#aioseop_coming_soon #free-flag {
+	display: none;
+}
+
 .aioseop_feature h3 {
     font-size: 17px;
     margin: 0;

diff --git a/modules/aioseop_feature_manager.php b/modules/aioseop_feature_manager.php
@@ -183,7 +183,7 @@ function display_option_div( $buf, $args ) {
 				$args['attr'] .= " id='{$args['options']['id']}'";
 			}
 
-			return $buf . "<div {$args['attr']}><label for='{$args['name']}'>{$name}{$img}{$desc}{$checkbox}</label></div>";
+			return $buf . "<div {$args['attr']}><label for='{$args['name']}'></label><div id='free-flag'>FREE</div>{$name}{$img}{$desc}{$checkbox}</div>";
 		}
 	}
 }