| Index: trunk/extensions/VisualEditor/modules/es/es.Surface.css |
| — | — | @@ -78,7 +78,7 @@ |
| 79 | 79 | -moz-border-radius: 0.25em; |
| 80 | 80 | -o-border-radius: 0.25em; |
| 81 | 81 | border-radius: 0.25em; |
| 82 | | - background-color: white; |
| | 82 | + background-color: rgba(255,255,255,0.95); |
| 83 | 83 | -webkit-box-shadow: 0 0.25em 1em 0 rgba(0,0,0,0.25); |
| 84 | 84 | -moz-box-shadow: 0 0.25em 1em 0 rgba(0,0,0,0.25); |
| 85 | 85 | box-shadow: 0 0.25em 1em 0 rgba(0,0,0,0.25); |
| — | — | @@ -88,8 +88,35 @@ |
| 89 | 89 | .es-contextView-menuItem { |
| 90 | 90 | padding: 0.33em 1em; |
| 91 | 91 | cursor: pointer; |
| | 92 | + white-space: nowrap; |
| 92 | 93 | } |
| 93 | 94 | |
| | 95 | +.es-contextView-menuSection { |
| | 96 | + padding: 0.33em 0.66em; |
| | 97 | + white-space: nowrap; |
| | 98 | +} |
| | 99 | + |
| | 100 | +.es-contextView-menuButton { |
| | 101 | + display: inline-block; |
| | 102 | + width: 1em; |
| | 103 | + height: 1em; |
| | 104 | + padding: 0.25em; |
| | 105 | + border: solid 1px white; |
| | 106 | + text-align: center; |
| | 107 | + cursor: pointer; |
| | 108 | +} |
| | 109 | +.es-contextView-menuButton:hover { |
| | 110 | + border-color: #b3d6f6; |
| | 111 | +} |
| | 112 | +.es-contextView-menuButton:active { |
| | 113 | + background-color: #b3d6f6; |
| | 114 | +} |
| | 115 | + |
| | 116 | +.es-contextView-menuItem-break { |
| | 117 | + margin: 0.33em 0; |
| | 118 | + border-top: solid 1px #dddddd; |
| | 119 | +} |
| | 120 | + |
| 94 | 121 | .es-contextView-menuItem:hover { |
| 95 | 122 | background-color: #b3d6f6; |
| 96 | 123 | } |
| Index: trunk/extensions/VisualEditor/modules/es/views/es.ContextView.js |
| — | — | @@ -13,11 +13,19 @@ |
| 14 | 14 | |
| 15 | 15 | // Example menu items |
| 16 | 16 | this.$menu.append( |
| | 17 | + '<div class="es-contextView-menuSection">' + |
| | 18 | + '<div class="es-contextView-menuButton"><b>B</b></div>' + |
| | 19 | + '<div class="es-contextView-menuButton"><i>I</i></div>' + |
| | 20 | + '<div class="es-contextView-menuButton"><u>U</u></div>' + |
| | 21 | + '<div class="es-contextView-menuButton"><s>S</s></div>' + |
| | 22 | + '</div>' + |
| | 23 | + '<div class="es-contextView-menuItem-break"></div>' + |
| 17 | 24 | '<div class="es-contextView-menuItem">Cut</div>' + |
| 18 | 25 | '<div class="es-contextView-menuItem">Copy</div>' + |
| 19 | 26 | '<div class="es-contextView-menuItem">Paste</div>' + |
| 20 | | - '<div class="es-contextView-menuItem">Convert</div>' + |
| 21 | | - '<div class="es-contextView-menuItem">Delete</div>' |
| | 27 | + '<div class="es-contextView-menuItem">Delete</div>' + |
| | 28 | + '<div class="es-contextView-menuItem-break"></div>' + |
| | 29 | + '<div class="es-contextView-menuItem">Convert to...</div>' |
| 22 | 30 | ); |
| 23 | 31 | |
| 24 | 32 | // Events |