Update "selected marker" for featured image

davidgtonge · Jul 16, 2011 · bc6e7f0 · bc6e7f0
1 parent 471fd9b
commit bc6e7f0
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 5 deletions.
diff --git a/featured.png b/featured.png
diff --git a/sc_image_metabox.css b/sc_image_metabox.css
@@ -3,7 +3,7 @@ div.sc_image {
     border: 2px solid black;
     position:relative;
     margin: 10px;
-    padding: 5px;
+    padding: 2px;
     background: #d4d2d2;
 }
 div.sc_image a {
@@ -18,10 +18,19 @@ div.sc_image a.sc_thumb {
     left:5px;
 }
 
-
 div.sc_thumb {
-    border:  2px solid green;
-    background: green;
+    border: 5px solid #66cc00;
+}
+
+div.sc_thumb .featured_marker {
+    background-image: url('featured.png');
+    background-repeat: no-repeat;
+    z-index: 999;
+    width: 65px;
+    height: 65px;
+    position: absolute;
+    top: -4px;
+    left: -4px;
 }
 
 /* >> The Magnificent CLEARFIX << */

diff --git a/sc_image_metabox.php b/sc_image_metabox.php
@@ -47,8 +47,9 @@ function sc_image_metabox($callback)
 
 <script id="sc_image_tmpl" type="text/x-jquery-tmpl">
     <div class="${class}" data-id="${id}">
+        <div class="featured_marker"></div>
         <a class="sc_delete" href="#">Delete</a>
-        <a class="sc_thumb" href="#">Primary</a>
+        <a class="sc_thumb" href="#">Featured</a>
         <img src="${src}" width="${width}" height="${height}" alt="thumbnail" />
     </div>
 </script>