| Index: trunk/extensions/VisualEditor/modules/es/es.Surface.css |
| — | — | @@ -102,9 +102,18 @@ |
| 103 | 103 | height: 1em; |
| 104 | 104 | padding: 0.25em; |
| 105 | 105 | border: solid 1px white; |
| 106 | | - text-align: center; |
| | 106 | + background-position: center center; |
| | 107 | + background-position: no-repeat; |
| 107 | 108 | cursor: pointer; |
| 108 | 109 | } |
| | 110 | + |
| | 111 | +.es-contextView-menuButton-bold { |
| | 112 | + background-image: url(images/bold.png); |
| | 113 | +} |
| | 114 | +.es-contextView-menuButton-italic { |
| | 115 | + background-image: url(images/italic.png); |
| | 116 | +} |
| | 117 | + |
| 109 | 118 | .es-contextView-menuButton:hover { |
| 110 | 119 | border-color: #b3d6f6; |
| 111 | 120 | } |
| Index: trunk/extensions/VisualEditor/modules/es/views/es.ContextView.js |
| — | — | @@ -14,8 +14,8 @@ |
| 15 | 15 | // Example menu items |
| 16 | 16 | this.$menu.append( |
| 17 | 17 | '<div class="es-contextView-menuSection">' + |
| 18 | | - '<div class="es-contextView-menuButton"></div>' + |
| 19 | | - '<div class="es-contextView-menuButton"></div>' + |
| | 18 | + '<div class="es-contextView-menuButton es-contextView-menuButton-bold"></div>' + |
| | 19 | + '<div class="es-contextView-menuButton es-contextView-menuButton-italic"></div>' + |
| 20 | 20 | '</div>' + |
| 21 | 21 | '<div class="es-contextView-menuItem-break"></div>' + |
| 22 | 22 | '<div class="es-contextView-menuItem">Cut</div>' + |