Changeset 2662

Timestamp:

11/29/2010 12:02:46 PM (13 years ago)

Author:

johnjamesjacoby

Message:

Add some primitive styling to favorites links

Location:

branches/plugin

Files:

• bbp-includes/bbp-template.php (modified) (2 diffs)
• bbp-themes/bbp-twentyten/style.css (modified) (2 diffs)

branches/plugin/bbp-includes/bbp-template.php

@@ -2688 +2688 @@
         }
 
-        if ( bbp_is_user_favorite( $user_id, $topic_id ) ) {
+        if ( $is_fav = bbp_is_user_favorite( $user_id, $topic_id ) ) {
             $url  = esc_url( bbp_get_favorites_permalink( $user_id ) );
             $rem  = preg_replace( '|%(.+)%|', "<a href='$url'>$1</a>", $rem );
@@ -2706 +2706 @@
         $permalink = bbp_is_favorites() ? bbp_get_favorites_permalink( $user_id ) : bbp_get_topic_permalink( $topic_id );
         $url       = esc_url( wp_nonce_url( add_query_arg( $favs, $permalink ), 'toggle-favorite_' . $topic_id ) );
-
-        return apply_filters( 'bbp_get_user_favorites_link', "<span id='favorite-toggle'><span id='favorite-$topic_id'>$pre<a href='$url' class='dim:favorite-toggle:favorite-$topic_id:is-favorite'>$mid</a>$post</span></span>" );
+        $is_fav    = $is_fav ? 'is-favorite' : '';
+
+        return apply_filters( 'bbp_get_user_favorites_link', "<span id='favorite-toggle'><span id='favorite-$topic_id' class='$is_fav'>$pre<a href='$url' class='dim:favorite-toggle:favorite-$topic_id:is-favorite'>$mid</a>$post</span></span>" );
     }
 

branches/plugin/bbp-themes/bbp-twentyten/style.css

@@ -1350 +1350 @@
     text-align: center;
 }
-
 .bbp-topic-freshness, .bbp-forum-freshness {
     text-align: center;
@@ -1359 +1358 @@
     text-align: center;
 }
+
+.bbp-topic-action #favorite-toggle a {
+    text-decoration: none;
+    padding: 0px 3px 1px;
+    color: #7c7;
+    border: 1px solid #aca;
+    background-color: #dfd;
+    font-weight: bold;
+    font-size: 13px;
+    -moz-border-radius: 8px;
+    -webkit-border-radius: 8px;
+    }
+    .bbp-topic-action #favorite-toggle a:hover {
+        color: #5a5;
+        border-color: #7c7;
+        background-color: #beb;
+    }
+    .bbp-topic-action #favorite-toggle span.is-favorite a {
+        color: #faa;
+        border: 1px solid #faa;
+        background-color: #fee;
+        -moz-border-radius: 5px;
+        -webkit-border-radius: 5px;
+        }
+        .bbp-topic-action #favorite-toggle span.is-favorite a:hover {
+            color: #c88;
+            border-color: #c88;
+            background-color: #fdd;
+        }
+
 #content p.bbp-topic-meta {
     margin-bottom: 0;