| Index: trunk/extensions/ArticleCreationWorkflow/modules/ext.articleCreation.user/ext.articleCreation.user.js |
| — | — | @@ -29,13 +29,18 @@ |
| 30 | 30 | } |
| 31 | 31 | }); |
| 32 | 32 | |
| | 33 | + // Make links into jQuery UI buttons |
| 33 | 34 | ac.panel.find('.ac-button').button( {} ); |
| | 35 | + // Designate article buttons as large buttons (to get different button graphics) |
| | 36 | + ac.panel.find('.ac-article-button').addClass('ui-button-large'); |
| | 37 | + // Make action buttons green and give them an arrow icon (these are regular size buttons) |
| 34 | 38 | ac.panel.find('.ac-action-button').addClass('ui-button-green'); |
| | 39 | + ac.panel.find('.ac-action-button').button( 'option', 'icons', {secondary:'ui-icon-triangle-1-e'} ); |
| 35 | 40 | |
| 36 | 41 | //setup button hover states |
| 37 | 42 | ac.panel |
| 38 | 43 | .find( '.ac-article-button' ) |
| 39 | | - .addClass('ui-button-blue-large') |
| | 44 | + .addClass('ui-button-blue') |
| 40 | 45 | //attach other events here, just making first tooltip for now |
| 41 | 46 | //testing hover effects |
| 42 | 47 | .hover (function (){ |
| — | — | @@ -95,8 +100,8 @@ |
| 96 | 101 | |
| 97 | 102 | $( this ) |
| 98 | 103 | //make it green |
| 99 | | - .removeClass('ui-button-blue-large') |
| 100 | | - .addClass('ui-button-green-large') |
| | 104 | + .removeClass('ui-button-blue') |
| | 105 | + .addClass('ui-button-green') |
| 101 | 106 | .addClass('ac-button-selected') |
| 102 | 107 | .parent() |
| 103 | 108 | .find('.mw-ac-tooltip' ) |
| — | — | @@ -237,11 +242,11 @@ |
| 238 | 243 | hideInterstitial : function($elements) { |
| 239 | 244 | //remove green states and hide their tooltips |
| 240 | 245 | $elements |
| 241 | | - .removeClass('ui-button-green-large') |
| | 246 | + .removeClass('ui-button-green') |
| 242 | 247 | .removeClass('ac-button-selected') |
| 243 | 248 | .each ( function (i, e) { |
| 244 | 249 | var color = $(this).data('ac-color'); |
| 245 | | - $(this) .addClass( 'ui-button-'+color+'-large' ) |
| | 250 | + $(this) .addClass( 'ui-button-'+color ) |
| 246 | 251 | .parent() |
| 247 | 252 | .find('.mw-ac-tooltip,.mw-ac-interstitial') |
| 248 | 253 | .hide(); |
| Index: trunk/extensions/ArticleCreationWorkflow/modules/ext.articleCreation.core/ext.articleCreation.core.css |
| — | — | @@ -23,7 +23,6 @@ |
| 24 | 24 | } |
| 25 | 25 | |
| 26 | 26 | .ac-button { |
| 27 | | - padding: 5px 10px; |
| 28 | 27 | margin: 8px 0; |
| 29 | 28 | cursor: pointer; |
| 30 | 29 | text-decoration: none; |
| — | — | @@ -104,6 +103,7 @@ |
| 105 | 104 | |
| 106 | 105 | .ac-action-button { |
| 107 | 106 | float: right; |
| | 107 | + font-weight: bold; |
| 108 | 108 | } |
| 109 | 109 | |
| 110 | 110 | .mw-ac-help { |
| Index: trunk/extensions/ArticleCreationWorkflow/ArticleCreationWorkflow.php |
| — | — | @@ -58,6 +58,7 @@ |
| 59 | 59 | 'dependencies' => array( |
| 60 | 60 | 'mediawiki.util', |
| 61 | 61 | 'jquery.localize', |
| | 62 | + 'jquery.ui.button', |
| 62 | 63 | 'user.tokens', |
| 63 | 64 | ), |
| 64 | 65 | ); |
| — | — | @@ -164,13 +165,7 @@ |
| 165 | 166 | <html:msg key="ac-create-dismiss" /> |
| 166 | 167 | </label> |
| 167 | 168 | <div class="ac-button-wrap"> |
| 168 | | - <a class="ac-button-green ac-button ac-action-button" data-ac-action="create"> |
| 169 | | - <div class="ac-arrow ac-arrow-forward"> </div> |
| 170 | | - <div class="ac-button-text"> |
| 171 | | - <div class="ac-button-title"><html:msg key="ac-create-button" /></div> |
| 172 | | - <div class="ac-button-text"></div> |
| 173 | | - </div> |
| 174 | | - </a> |
| | 169 | + <a class="ac-button ac-action-button" data-ac-action="create"><html:msg key="ac-create-button" /></a> |
| 175 | 170 | </div> |
| 176 | 171 | <div style="clear: both"></div> |
| 177 | 172 | </div> |