Changeset 2751776

Timestamp:

07/04/2022 05:10:05 PM (4 years ago)

Author:

wpfound

Message:

added % to the end of number

Location:

skill-bar-wp/trunk

Files:

• inc/class-template.php (modified) (1 diff)
• inc/css/wpskill.css (modified) (1 diff)
• inc/shortcode.php (modified) (1 diff)
• inc/style.php (modified) (1 diff)
• readme.txt (modified) (1 diff)

skill-bar-wp/trunk/inc/class-template.php

@@ -79 +79 @@
             wp_enqueue_style('skillbarwp-style-css', plugin_dir_url(__FILE__).  'css/wpskill.css');
 
+            wp_enqueue_script( 'jquery' );
+            
             wp_enqueue_script('skillbarwp-jquery-inview-js', plugin_dir_url(__FILE__).  'js/jquery.inview.js');
 

skill-bar-wp/trunk/inc/css/wpskill.css

@@ -39 +39 @@
 .skill-percentage span {
     background: #7109A9;
-    width: 30px;
-    height: 30px;
-    display: block;
     position: absolute;
-    right: -12px;
+    right: -20px;
     font-size: 12px;
-    top: -26px;
-    border-radius: 100%;
-    padding: 4px 8px;
+    top: -36px;
+    border-radius: 0;
+    padding: 0px 9px;
     font-family: 'Open Sans', sans-serif;
+    display: flex;
+    align-items: center;
+    justify-content: center;
 }
 
-  
+.skill-percentage span:before {
+    content: "";
+    position: absolute;
+    width: 8px;
+    height: 8px;
+    background: #7333aa;
+    bottom: -4px;
+    transform: rotate(45deg);
+}
+
+.skill-percentage span label {
+    margin-left: 2px;
+    font-size: 13px;
+}
 
   .skill-percentage{

skill-bar-wp/trunk/inc/shortcode.php

@@ -47 +47 @@
                             <h4><?php echo esc_html( $value['skill_title'] ); ?></h4>
                             <div class="skill-item">
-                                <div class="skill-percentage" aria-valuenow="<?php echo esc_attr( $value['skill_value'] ); ?>"><span><?php echo esc_html( $value['skill_value'] ); ?></span></div>
+                                <div class="skill-percentage" aria-valuenow="<?php echo esc_attr( $value['skill_value'] ); ?>"><span><?php echo esc_html( $value['skill_value'] ); ?><label><?php esc_html_e( '%', 'skillbarwp' ); ?></label></span></div>
                             </div>
                         </div>

skill-bar-wp/trunk/inc/style.php

@@ -39 +39 @@
     }
 
+    .skill-percentage span:before{
+        background:<?php echo esc_attr( $valueBgColor ); ?>;
+    }
+
 </style>

skill-bar-wp/trunk/readme.txt

@@ -6 +6 @@
 Tested up to: 5.8
 Requires PHP: 5.6
-Stable tag: 1.0.1
+Stable tag: 1.0.2
 License: GPLv2 or later
 License URI: https://www.gnu.org/licenses/gpl-2.0.html