Changeset 5452

Timestamp:

12/06/2011 05:32:23 AM (13 years ago)

Author:

johnjamesjacoby

Message:

First pass and updated Profile Fields UI for WordPress 3.3. See #3801.

Location:

trunk/bp-xprofile

Files:

• admin/css/admin.dev.css (modified) (7 diffs)
• bp-xprofile-admin.php (modified) (3 diffs)

trunk/bp-xprofile/admin/css/admin.dev.css

@@ -5 +5 @@
 
 #tabs-bottom {
-    background: #DFDFDF url(../../../../../wp-admin/images/gray-grad.png) repeat-x scroll 0% 0%;
+    background: #f9f9f9;
     height: 32px;
-    border: 1px solid #ccc;
-    -moz-border-radius: 0 0 6px 6px;
-    -khtml-border-radius: 0 0 6px 6px;
-    -webkit-border-radius: 0 0 6px 6px;
-    border-radius: 0 0 6px 6px;
+    border: 1px solid #dfdfdf;
+    border-radius: 0 0 3px 3px;
 }
 
@@ -25 +22 @@
         float: left;
         padding: 0 0 0 15px;
+        margin: 0;
         display: none;
     }
@@ -37 +35 @@
         }
         ul#field-group-tabs li.ui-state-hover a.ui-tab {
-            border-color: #bbb #bbb #ccc #bbb;
-            color: #888;
+            border-color: #dfdfdf #dfdfdf #f9f9f9 #dfdfdf;
+            color: #d54e21;
         }
         ul#field-group-tabs li.ui-state-acceptable a.ui-tab {
@@ -47 +45 @@
         }
             ul#field-group-tabs li.ui-tabs-selected.ui-state-acceptable a.ui-tab {
-                background-color: #ECECEC;
+                background-color: #f9f9f9;
                 background-image: url(../images/cross.gif);
             }
@@ -56 +54 @@
         }
         ul#field-group-tabs li a.ui-tab {
+            font-family: Georgia, "Times New Roman", "Bitstream Charter", Times, serif;
+            font-size: 14px;
             display: block;
             margin-top: 3px;
             padding: 5px 10px 5px 28px;
-            border: 1px solid #ccc;
+            border: 1px solid #dfdfdf;
             border-bottom: none;
-            -moz-border-radius: 6px 6px 0 0;
-            -khtml-border-radius: 6px 6px 0 0;
-            -webkit-border-radius: 6px 6px 0 0;
-            border-radius: 6px 6px 0 0;
+            border-radius: 3px 3px 0 0;
             text-decoration: none;
-            background: #F4F4F4 url(../images/move-x.gif) 7px 55% no-repeat;
-            color: #888;
+            background: #f9f9f9 url(../images/move-x.gif) 7px 55% no-repeat;
+            color: #aaa;
         }
 
         /* Selected tab */
         ul#field-group-tabs li.ui-tabs-selected a.ui-tab {
-            background-color: #ECECEC;
+            background-color: #f9f9f9;
             margin-top: -1px;
             padding: 7px 10px 7px 28px;
-            border: 1px solid #ccc;
+            border: 1px solid #dfdfdf;
             border-bottom: 1px solid transparent;
             color: #000;
-            font-weight: bold;
         }
 
     /* Toolbar */
     .tab-toolbar {
-        background: #ddd url(../../../../../wp-admin/images/gray-grad.png) repeat-x scroll 0% 0%;
+        background: #f9f9f9;
         border-width: 1px 1px 0px;
-        -moz-border-radius: 6px 6px 0 0;
-        -khtml-border-radius: 6px 6px 0 0;
-        -webkit-border-radius: 6px 6px 0 0;
-        border-radius: 6px 6px 0 0;
+        border-radius: 3px 3px 0 0;
         margin: -20px -21px 20px -21px;
         clear: left;
         padding: 10px;
-        border: 1px solid #ccc;
-    }
-
-    .tab-toolbar a.button {
-        padding: 5px 10px;
-    }
-
+        border: 1px solid #dfdfdf;
+    }
+
+    .field-wrapper a.deletion,
     .tab-toolbar a.deletion {
         color: #f00;
         border-bottom: 1px solid #f00;
-        font-size: 11px;
+        font-size: 12px;
         text-decoration: none;
-        padding: 0 2px;
-        margin-top: -2px;
+        padding: 0;
+        margin: -2px 0 0 5px;
     }
 
     div.tab-wrapper {
-        background-color: #f9f9f9;
+        background-color: #fff;
         clear: left;
         padding: 20px;
         border-left: 1px solid #ccc;
         border-right: 1px solid #ccc;
-        -moz-border-radius: 6px 6px 0 0;
-        -khtml-border-radius: 6px 6px 0 0;
-        -webkit-border-radius: 6px 6px 0 0;
-        border-radius: 6px 6px 0 0;
+        border-radius: 3px 3px 0 0;
     }
 
@@ -141 +128 @@
         margin: 10px 0 0 0;
         cursor: move !important;
-        background: #fcfcfc url(../../../../../wp-admin/images/gray-grad.png) repeat-x scroll 0% 0%;
+        background: #f9f9f9;
     }
     .tab-wrapper fieldset fieldset legend {
@@ -180 +167 @@
     .field-group div.actions {
         position: absolute;
-        right: 10px;
-        top: 6px;
+        right: 8px;
+        top: 10px;
     }
     .field-group fieldset:hover div.actions {

trunk/bp-xprofile/bp-xprofile-admin.php

@@ -74 +74 @@
             <?php _e( 'Profile Fields', 'buddypress'); ?>
 
-            <a id="add_group" class="button add-new-h2" href="admin.php?page=bp-profile-setup&amp;mode=add_group"><?php _e( 'Add New Group', 'buddypress' ); ?></a>
+            <a id="add_group" class="add-new-h2" href="admin.php?page=bp-profile-setup&amp;mode=add_group"><?php _e( 'Add New Group', 'buddypress' ); ?></a>
         </h2>
 
@@ -118 +118 @@
                         <div class="tab-toolbar">
                             <div class="tab-toolbar-left">
-                                <a class="button" href="admin.php?page=bp-profile-setup&amp;group_id=<?php echo esc_attr( $group->id ); ?>&amp;mode=add_field"><?php _e( 'Add New Field', 'buddypress' ); ?></a>
+                                <a class="button-primary" href="admin.php?page=bp-profile-setup&amp;group_id=<?php echo esc_attr( $group->id ); ?>&amp;mode=add_field"><?php _e( 'Add New Field', 'buddypress' ); ?></a>
                                 <a class="button edit" href="admin.php?page=bp-profile-setup&amp;mode=edit_group&amp;group_id=<?php echo esc_attr( $group->id ); ?>"><?php _e( 'Edit Group', 'buddypress' ); ?></a>
 
 <?php               if ( $group->can_delete ) : ?>
 
-                                <a class="submitdelete deletion" href="admin.php?page=bp-profile-setup&amp;mode=delete_group&amp;group_id=<?php echo esc_attr( $group->id ); ?>"><?php _e( 'Delete Group', 'buddypress' ); ?></a>
+                                <a class="submitdelete deletion ajax-option-delete" href="admin.php?page=bp-profile-setup&amp;mode=delete_group&amp;group_id=<?php echo esc_attr( $group->id ); ?>"><?php _e( 'Delete Group', 'buddypress' ); ?></a>
 
 <?php               endif; ?>
@@ -461 +461 @@
 <?php } ?>
                                 <div class="actions">
+                                    <?php if ( !$field->can_delete ) : ?>&nbsp;<?php else : ?><a class="submit-delete deletion ajax-option-delete" href="admin.php?page=bp-profile-setup&amp;field_id=<?php echo esc_attr( $field->id ); ?>&amp;mode=delete_field"><?php _e( 'Delete', 'buddypress' ); ?></a><?php endif; ?>
                                     <a class="button edit" href="admin.php?page=bp-profile-setup&amp;group_id=<?php echo esc_attr( $admin_group->id ); ?>&amp;field_id=<?php echo esc_attr( $field->id ); ?>&amp;mode=edit_field"><?php _e( 'Edit', 'buddypress' ); ?></a>
-                                    <?php if ( !$field->can_delete ) : ?>&nbsp;<?php else : ?><a class="button delete" href="admin.php?page=bp-profile-setup&amp;field_id=<?php echo esc_attr( $field->id ); ?>&amp;mode=delete_field"><?php _e( 'Delete', 'buddypress' ); ?></a><?php endif; ?>
-
                                 </div>