Changeset 9240

Timestamp:

10/18/2008 04:54:14 PM (16 years ago)

Author:

azaozz

Message:

Favourites drop-down styling

Location:

trunk

Files:

• wp-admin/admin-header.php (modified) (2 diffs)
• wp-admin/css/colors-fresh.css (modified) (2 diffs)
• wp-admin/images/fav-arrow.png (added)
• wp-admin/images/fav-bottom.png (added)
• wp-admin/images/fav-top.png (added)
• wp-admin/images/fav.png (added)
• wp-admin/includes/template.php (modified) (1 diff)
• wp-admin/js/menu.js (modified) (1 diff)
• wp-admin/wp-admin.css (modified) (4 diffs)
• wp-includes/script-loader.php (modified) (2 diffs)

trunk/wp-admin/admin-header.php

@@ -87 +87 @@
 </span>
 <?php } ?></h1>
-</div>
 
 <div id="wphead-info">
@@ -101 +100 @@
 </div>
 </div>
+
+</div>
+
 <?php
 require(ABSPATH . 'wp-admin/menu-header.php');

trunk/wp-admin/css/colors-fresh.css

@@ -80 +80 @@
 #post-body ul#category-tabs li.ui-tabs-selected, .button-secondary,
 #quicktags, #login form .submit input, .search-box .button,
-#ed_reply_toolbar, .favorite-action, #favorite-first {
+#ed_reply_toolbar {
     background-color: #cee1ef !important;
 }
@@ -220 +220 @@
 #login form .submit input,
 div.dashboard-widget-submit input,
-#edit-slug-buttons a.save,
-.favorite-action,
-#favorite-first {
+#edit-slug-buttons a.save {
     background-color: #e5e5e5;
     color: #246;

trunk/wp-admin/includes/template.php

@@ -2962 +2962 @@
     $first = $first[0];
     echo '<div id="favorite-actions">';
-    echo '<div id="favorite-first"><a href="' . $first . '">' . $allowed_actions[$first] . '</a></div>';
-    echo '<div id="favorite-action">';
+    echo '<div id="favorite-first"><a href="' . $first . '">' . $allowed_actions[$first] . '</a></div><div id="favorite-toggle"><br /></div>';
+    echo '<div id="favorite-inside">';
 
     array_shift($allowed_actions);

trunk/wp-admin/js/menu.js

@@ -73 +73 @@
 };
 
-$(document).ready(function(){adminMenu.init();});
+$(document).ready(function(){
+    adminMenu.init();
+
+    $('#favorite-inside').width($('#favorite-first').width()+24);
+    $('#favorite-toggle, #favorite-inside').bind( 'mouseenter', function(){$('#favorite-inside').removeClass('slideUp').addClass('slideDown'); setTimeout(function(){if ( $('#favorite-inside').hasClass('slideDown') ) { $('#favorite-inside').slideDown(100); $('#favorite-first').addClass('slide-down'); }}, 200) } );
+
+    $('#favorite-toggle, #favorite-inside').bind( 'mouseleave', function(){$('#favorite-inside').removeClass('slideDown').addClass('slideUp'); setTimeout(function(){if ( $('#favorite-inside').hasClass('slideUp') ) { $('#favorite-inside').slideUp(100, function(){ $('#favorite-first').removeClass('slide-down'); } ); }}, 300) } );
+});
 })(jQuery);
-
-jQuery( function($) {   
-    $('#favorite-actions').bind( 'mouseenter', function(){$('#favorite-action').removeClass('slideUp').addClass('slideDown'); setTimeout(function(){if ( $('#favorite-action').hasClass('slideDown') ) { $('#favorite-action').slideDown('fast') }}, 300) } );
-    $('#favorite-actions').bind( 'mouseleave', function(){$('#favorite-action').removeClass('slideDown').addClass('slideUp'); setTimeout(function(){if ( $('#favorite-action').hasClass('slideUp') ) { $('#favorite-action').slideUp('fast') }}, 500) } );
-} );

trunk/wp-admin/wp-admin.css

@@ -599 +599 @@
 
 #wphead-info {
-    position: absolute;
-    right: 15px;
-    top: 0;
+    float: right;
+    margin: 0 15px;
 }
 
 #user_info {
+    float: right;
     font-size: 12px;
     line-height: 46px;
@@ -640 +640 @@
 
 #logo50 {
+    float: left;
     margin: 9px 0 0 20px;
-    position: absolute;
 }
 
@@ -665 +665 @@
 #wphead h1 {
     font: normal 22px Georgia, "Times New Roman", Times, serif;
-    padding: 11px 170px 5px 60px;
-    margin: 0;
-    margin-right: 15%;
+    padding: 10px 10px 5px;
+    margin: 0;
+    float: left;
 }
 
@@ -2493 +2493 @@
 /* favorite-actions */
 #favorite-actions {
-    position: absolute;
-    left: -150px;
-    top: 10px;
-    width: 130px;
-    z-index: 10;
+    float: left;
+    margin: 11px 12px 0;
+    min-width: 130px;
+    position: relative;
+    
 }
 
 #favorite-first {
-    -moz-border-radius: 4px;
-    -khtml-border-radius: 4px;
-    -webkit-border-radius: 4px;
-    border-radius: 4px;
+    -moz-border-radius: 12px;
+    -khtml-border-radius: 12px;
+    -webkit-border-radius: 12px;
+    border-radius: 12px;
+    line-height: 15px;
+    padding: 3px 30px 4px 12px;
+    border-color: #464646;
     border-width: 1px;
     border-style: solid;
-    padding: 4px 8px;
+    background-color: #797979;
+    background-image: url(images/fav.png);
+    background-repeat: repeat-x;
+    background-position: 0 center;
+}
+
+#favorite-inside {
+    margin: 0 0 0 1px;
+    padding: 2px 8px 4px;
+    border-width: 1px;
+    border-style: solid;
+    position: absolute;
+    z-index: 11;
+    display: none;
+    -moz-border-radius: 0 0 12px 12px;
+    -webkit-border-bottom-right-radius: 12px;
+    -webkit-border-bottom-left-radius: 12px;
+    -khtml-border-bottom-right-radius: 12px;
+    -khtml-border-bottom-left-radius: 12px;
+    border-bottom-right-radius: 12px;
+    border-bottom-left-radius: 12px;
+    border-color: #797979;
+    background-color: #797979;
+    background-image: url(images/fav-bottom.png);
+    background-repeat: repeat-x;
+    background-position: 0 bottom;
 }
 
 .favorite-action {
-    margin: -3px 0 0;
-    padding: 4px 8px;
-    border-width: 1px;
-    border-top-width: 3px;
-    border-style: solid;
-    -moz-border-radius: 0 0 4px 4px;
-    -webkit-border-bottom-right-radius: 4px;
-    -webkit-border-bottom-left-radius: 4px;
-    -khtml-border-bottom-right-radius: 4px;
-    -khtml-border-bottom-left-radius: 4px;
-    border-bottom-right-radius: 4px;
-    border-bottom-left-radius: 4px;
-}
-
-#favorite-action {
-    padding: 0;
-    margin: 0;
-    display: none;
-}
+    padding: 3px;
+}
+
 #favorite-actions a {
-    padding: 4px 0;
+    padding: 4px 5px 4px 0;
     text-decoration: none;
-}
-
-#favorite-first {
-    padding-right: 22px;
-    background: url(images/menu-open.png) 108px 5px no-repeat;
-}
+    color: #eee;
+    font-size: 11px;
+}
+
+#favorite-toggle {
+    height: 22px;
+    position: absolute;
+    right: 0;
+    top: 1px;
+    width: 28px;
+    background: transparent url(images/fav-arrow.png) no-repeat 0 -4px;
+}
+
+#favorite-actions .slide-down {
+    background-image: url(images/fav-top.png);
+    background-repeat: repeat-x;
+    background-position: 0 top;
+    -moz-border-radius: 12px 12px 0 0;
+    -webkit-border-bottom-right-radius: 0;
+    -webkit-border-bottom-left-radius: 0;
+    -khtml-border-bottom-right-radius: 0;
+    -khtml-border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    border-bottom-left-radius: 0;
+    border-bottom: 1px solid #626262;
+}
+

trunk/wp-includes/script-loader.php

@@ -279 +279 @@
 
         $scripts->add( 'hoverIntent', '/wp-includes/js/hoverIntent.js', array('jquery'), '20070327' );
-        $scripts->add( 'menu', '/wp-admin/js/menu.js', array( 'jquery', 'hoverIntent' ), '20081013' );
+        $scripts->add( 'menu', '/wp-admin/js/menu.js', array( 'jquery', 'hoverIntent' ), '20081018' );
 
     }
@@ -311 +311 @@
     $rtl_styles = array( 'global', 'colors', 'dashboard', 'ie', 'install', 'login', 'media', 'theme-editor', 'upload', 'widgets', 'press-this', 'press-this-ie' );
 
-    $styles->add( 'wp-admin', '/wp-admin/wp-admin.css', array(), '20081013' );
+    $styles->add( 'wp-admin', '/wp-admin/wp-admin.css', array(), '20081018' );
     $styles->add_data( 'wp-admin', 'rtl', '/wp-admin/rtl.css' );