Changeset 9240

Timestamp:

10/18/2008 04:54:14 PM (18 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' );