| Index: trunk/extensions/LiquidThreads/lqt.css |
| — | — | @@ -279,7 +279,7 @@ |
| 280 | 280 | background-repeat: no-repeat; |
| 281 | 281 | height: 80%; |
| 282 | 282 | width: 1em; |
| 283 | | - height: 1em; |
| | 283 | + height: 2em; |
| 284 | 284 | padding-bottom: 0.2em; |
| 285 | 285 | padding-left: 26px; |
| 286 | 286 | } |
| — | — | @@ -384,7 +384,7 @@ |
| 385 | 385 | padding-right: 8px; |
| 386 | 386 | } |
| 387 | 387 | |
| 388 | | -.lqt-thread-toolbar .lqt-command-icon { |
| | 388 | +.lqt-thread-toolbar-commands > .lqt-command > a { |
| 389 | 389 | height: 1.25em; |
| 390 | 390 | background-repeat: no-repeat; |
| 391 | 391 | background-position: center; |
| — | — | @@ -398,18 +398,23 @@ |
| 399 | 399 | margin-right: 8px; |
| 400 | 400 | } |
| 401 | 401 | |
| 402 | | -.lqt-command-edit .lqt-command-icon { |
| | 402 | +.lqt-thread-toolbar .lqt-command > a { |
| | 403 | + display: block; |
| | 404 | +} |
| | 405 | + |
| | 406 | +.lqt-thread-toolbar-commands > .lqt-command-edit a { |
| 403 | 407 | background-image: url(icons/edit.png); |
| 404 | 408 | padding-left: 26px; |
| 405 | 409 | } |
| 406 | 410 | |
| 407 | | -.lqt-command-reply .lqt-command-icon { |
| | 411 | +.lqt-thread-toolbar-commands > .lqt-command-reply a { |
| 408 | 412 | background-image: url(icons/reply.png); |
| 409 | | - padding-left: 24px; |
| | 413 | + background-position: left; |
| | 414 | + padding-left: 26px; |
| 410 | 415 | margin-left: 8px; |
| 411 | 416 | } |
| 412 | 417 | |
| 413 | | -.lqt-command-link .lqt-command-icon { |
| | 418 | +.lqt-command-link a { |
| 414 | 419 | background-image: url(icons/link.png) !important; |
| 415 | 420 | padding-left: 26px; |
| 416 | 421 | } |
| Index: trunk/extensions/LiquidThreads/classes/View.php |
| — | — | @@ -657,7 +657,7 @@ |
| 658 | 658 | $headerParts = array(); |
| 659 | 659 | |
| 660 | 660 | foreach( $this->threadMajorCommands( $thread ) as $key => $cmd ) { |
| 661 | | - $content = $this->contentForCommand( $cmd ); |
| | 661 | + $content = $this->contentForCommand( $cmd, false /* No icon divs */ ); |
| 662 | 662 | $headerParts[] = Xml::tags( 'li', |
| 663 | 663 | array( 'class' => "lqt-command lqt-command-$key" ), |
| 664 | 664 | $content ); |
| — | — | @@ -711,7 +711,7 @@ |
| 712 | 712 | return join( ' ', $result ); |
| 713 | 713 | } |
| 714 | 714 | |
| 715 | | - function contentForCommand( $command ) { |
| | 715 | + function contentForCommand( $command, $icon_divs = true ) { |
| 716 | 716 | $label = $command['label']; |
| 717 | 717 | $href = $command['href']; |
| 718 | 718 | $enabled = $command['enabled']; |
| — | — | @@ -720,11 +720,16 @@ |
| 721 | 721 | global $wgScriptPath; |
| 722 | 722 | $icon = Xml::tags( 'div', array( 'title' => $label, |
| 723 | 723 | 'class' => 'lqt-command-icon' ), ' ' ); |
| 724 | | - |
| 725 | | - if ( !empty($command['showlabel']) ) { |
| 726 | | - $label = $icon.' '.$label; |
| | 724 | + if ($icon_divs) { |
| | 725 | + if ( !empty($command['showlabel']) ) { |
| | 726 | + $label = $icon.' '.$label; |
| | 727 | + } else { |
| | 728 | + $label = $icon; |
| | 729 | + } |
| 727 | 730 | } else { |
| 728 | | - $label = $icon; |
| | 731 | + if ( empty($command['showlabel']) ) { |
| | 732 | + $label = ''; |
| | 733 | + } |
| 729 | 734 | } |
| 730 | 735 | } |
| 731 | 736 | |
| Index: trunk/extensions/LiquidThreads/lqt.js |
| — | — | @@ -205,7 +205,10 @@ |
| 206 | 206 | menuContainer.find('.lqt-thread-toolbar-command-list').hide(); |
| 207 | 207 | |
| 208 | 208 | var menuTrigger = menuContainer.find( '.lqt-thread-actions-trigger' ); |
| 209 | | - menuTrigger.click( function() { menu.slideToggle(); } ); |
| | 209 | + |
| | 210 | + menuTrigger.hover( function() { menu.slideDown(); } ); |
| | 211 | + toolbar.hover( function() {}, function() { menu.slideUp(); } ); |
| | 212 | + |
| 210 | 213 | menuTrigger.show(); |
| 211 | 214 | }, |
| 212 | 215 | } |