Changeset 13520

Timestamp:

03/01/2010 12:50:55 AM (16 years ago)

Author:

nacin

Message:

Rearrange action links in the install plugins browser. First pass on the UI overhaul. see #11050

Location:

trunk

Files:

• wp-admin/css/plugin-install.css (modified) (1 diff)
• wp-admin/css/plugin-install.dev.css (modified) (1 diff)
• wp-admin/includes/plugin-install.php (modified) (4 diffs)
• wp-includes/script-loader.php (modified) (1 diff)

trunk/wp-admin/css/plugin-install.css

@@ -1 @@
-div.star-holder{position:relative;height:19px;width:100px;font-size:19px;}div.star{height:100%;position:absolute;top:0;left:0;background-color:transparent;letter-spacing:1ex;border:none;}.star1{width:20%;}.star2{width:40%;}.star3{width:60%;}.star4{width:80%;}.star5{width:100%;}.star img,div.star a,div.star a:hover,div.star a:visited{display:block;position:absolute;right:0;border:none;text-decoration:none;}div.star img{width:19px;height:19px;border-left:1px solid #fff;border-right:1px solid #fff;}#plugin-information-header{margin:0;padding:0 5px;font-weight:bold;position:relative;border-bottom-width:1px;border-bottom-style:solid;height:2.5em;}#plugin-information ul#sidemenu{font-weight:normal;margin:0 5px;position:absolute;left:0;bottom:-1px;}#plugin-information p.action-button{width:100%;padding-bottom:0;margin-bottom:0;margin-top:10px;-moz-border-radius:3px 0 0 3px;-webkit-border-top-left-radius:3px;-khtml-border-top-left-radius:3px;border-top-left-radius:3px;-webkit-border-bottom-left-radius:3px;-khtml-border-bottom-left-radius:3px;border-bottom-left-radius:3px;}#plugin-information .action-button a{text-align:center;font-weight:bold;text-decoration:none;display:block;line-height:2em;}#plugin-information h2{clear:none!important;margin-right:200px;}#plugin-information .fyi{margin:0 10px 50px;width:210px;}#plugin-information .fyi h2{font-size:.9em;margin-bottom:0;margin-right:0;}#plugin-information .fyi h2.mainheader{padding:5px;-moz-border-radius-topleft:3px;-webkit-border-top-left-radius:3px;-khtml-border-top-left-radius:3px;border-top-left-radius:3px;}#plugin-information .fyi ul{padding:10px 5px 10px 7px;margin:0;list-style:none;-moz-border-radius-bottomleft:3px;-webkit-border-bottom-left-radius:3px;-khtml-border-bottom-left-radius:3px;border-bottom-left-radius:3px;}#plugin-information .fyi li{margin-right:0;}#plugin-information #section-holder{padding:10px;}#plugin-information .section ul,#plugin-information .section ol{margin-left:16px;list-style-type:square;list-style-image:none;}#plugin-information #section-screenshots li img{vertical-align:text-top;}#plugin-information #section-screenshots li p{font-style:italic;padding-left:20px;padding-bottom:2em;}#plugin-information .updated,#plugin-information pre{margin-right:215px;}#plugin-information pre{padding:7px;}
+div.star-holder{position:relative;height:19px;width:100px;font-size:19px;}div.action-links{font-weight:normal;margin:6px 0 0;}div.star{height:100%;position:absolute;top:0;left:0;background-color:transparent;letter-spacing:1ex;border:none;}.star1{width:20%;}.star2{width:40%;}.star3{width:60%;}.star4{width:80%;}.star5{width:100%;}.star img,div.star a,div.star a:hover,div.star a:visited{display:block;position:absolute;right:0;border:none;text-decoration:none;}div.star img{width:19px;height:19px;border-left:1px solid #fff;border-right:1px solid #fff;}#plugin-information-header{margin:0;padding:0 5px;font-weight:bold;position:relative;border-bottom-width:1px;border-bottom-style:solid;height:2.5em;}#plugin-information ul#sidemenu{font-weight:normal;margin:0 5px;position:absolute;left:0;bottom:-1px;}#plugin-information p.action-button{width:100%;padding-bottom:0;margin-bottom:0;margin-top:10px;-moz-border-radius:3px 0 0 3px;-webkit-border-top-left-radius:3px;-khtml-border-top-left-radius:3px;border-top-left-radius:3px;-webkit-border-bottom-left-radius:3px;-khtml-border-bottom-left-radius:3px;border-bottom-left-radius:3px;}#plugin-information .action-button a{text-align:center;font-weight:bold;text-decoration:none;display:block;line-height:2em;}#plugin-information h2{clear:none!important;margin-right:200px;}#plugin-information .fyi{margin:0 10px 50px;width:210px;}#plugin-information .fyi h2{font-size:.9em;margin-bottom:0;margin-right:0;}#plugin-information .fyi h2.mainheader{padding:5px;-moz-border-radius-topleft:3px;-webkit-border-top-left-radius:3px;-khtml-border-top-left-radius:3px;border-top-left-radius:3px;}#plugin-information .fyi ul{padding:10px 5px 10px 7px;margin:0;list-style:none;-moz-border-radius-bottomleft:3px;-webkit-border-bottom-left-radius:3px;-khtml-border-bottom-left-radius:3px;border-bottom-left-radius:3px;}#plugin-information .fyi li{margin-right:0;}#plugin-information #section-holder{padding:10px;}#plugin-information .section ul,#plugin-information .section ol{margin-left:16px;list-style-type:square;list-style-image:none;}#plugin-information #section-screenshots li img{vertical-align:text-top;}#plugin-information #section-screenshots li p{font-style:italic;padding-left:20px;padding-bottom:2em;}#plugin-information .updated,#plugin-information pre{margin-right:215px;}#plugin-information pre{padding:7px;}

trunk/wp-admin/css/plugin-install.dev.css

@@ -5 +5 @@
     width: 100px;
     font-size: 19px;
+}
+
+div.action-links {
+    font-weight: normal;
+    margin: 6px 0 0;
 }
 

trunk/wp-admin/includes/plugin-install.php

@@ -310 +310 @@
                 <th scope="col" class="num"><?php _e('Rating'); ?></th>
                 <th scope="col" class="desc"><?php _e('Description'); ?></th>
-                <th scope="col" class="action-links"><?php _e('Actions'); ?></th>
             </tr>
         </thead>
@@ -320 +319 @@
                 <th scope="col" class="num"><?php _e('Rating'); ?></th>
                 <th scope="col" class="desc"><?php _e('Description'); ?></th>
-                <th scope="col" class="action-links"><?php _e('Actions'); ?></th>
             </tr>
         </tfoot>
@@ -355 +353 @@
                 $author = wp_kses($author, $plugins_allowedtags);
 
-                if ( isset($plugin['homepage']) )
-                    $title = '<a target="_blank" href="' . esc_attr($plugin['homepage']) . '">' . $title . '</a>';
-
                 $action_links = array();
                 $action_links[] = '<a href="' . admin_url('plugin-install.php?tab=plugin-information&amp;plugin=' . $plugin['slug'] .
                                     '&amp;TB_iframe=true&amp;width=600&amp;height=550') . '" class="thickbox onclick" title="' .
-                                    esc_attr($name) . '">' . __('Install') . '</a>';
+                                    esc_attr( sprintf( __( 'Install %s' ), $name ) ) . '">' . __('Install') . '</a>';
+                if ( isset( $plugin['homepage'] ) )
+                    $action_links[] = '<a target="_blank" href="' . esc_attr( $plugin['homepage'] ) . '" title="' . esc_attr( sprintf( __( 'More information on %s' ), $name ) ) . '">' . __('Info') . '</a>';
 
                 $action_links = apply_filters('plugin_install_action_links', $action_links, $plugin);
             ?>
             <tr>
-                <td class="name"><?php echo $title; ?></td>
+                <td class="name"><strong><?php echo $title; ?></strong>
+                    <div class="action-links"><?php if ( !empty($action_links) ) echo implode(' | ', $action_links); ?></div>
+                </td>
                 <td class="vers"><?php echo $version; ?></td>
                 <td class="vers">
@@ -379 +378 @@
                 </td>
                 <td class="desc"><?php echo $description, $author; ?></td>
-                <td class="action-links"><?php if ( !empty($action_links) ) echo implode(' | ', $action_links); ?></td>
             </tr>
             <?php

trunk/wp-includes/script-loader.php

@@ -472 +472 @@
     $styles->add( 'thickbox', '/wp-includes/js/thickbox/thickbox.css', array(), '20090514' );
     $styles->add( 'login', "/wp-admin/css/login$suffix.css", array(), '20091010' );
-    $styles->add( 'plugin-install', "/wp-admin/css/plugin-install$suffix.css", array(), '20090514' );
+    $styles->add( 'plugin-install', "/wp-admin/css/plugin-install$suffix.css", array(), '20100228' );
     $styles->add( 'theme-install', "/wp-admin/css/theme-install$suffix.css", array(), '20090610' );
     $styles->add( 'farbtastic', '/wp-admin/css/farbtastic.css', array(), '1.2' );