| Index: trunk/extensions/VisualEditor/SpecialVisualEditorSandbox.php |
| — | — | @@ -25,6 +25,13 @@ |
| 26 | 26 | <!-- VisualEditor Sandbox --> |
| 27 | 27 | <div id="es-base"> |
| 28 | 28 | <div id="es-toolbar" class="es-toolbar"> |
| | 29 | + <div id="es-modes" class="es-modes"> |
| | 30 | + <div id="es-mode-wikitext" class="es-modes-button"></div> |
| | 31 | + <div id="es-mode-json" class="es-modes-button"></div> |
| | 32 | + <div id="es-mode-html" class="es-modes-button"></div> |
| | 33 | + <div id="es-mode-render" class="es-modes-button"></div> |
| | 34 | + <div id="es-mode-history" class="es-modes-button"></div> |
| | 35 | + </div> |
| 29 | 36 | <div style="clear:both"></div> |
| 30 | 37 | <div id="es-toolbar-shadow"></div> |
| 31 | 38 | </div> |
| — | — | @@ -32,12 +39,12 @@ |
| 33 | 40 | <div id="es-visual"> |
| 34 | 41 | <div id="es-editor"></div> |
| 35 | 42 | </div> |
| 36 | | - <div id="es-previews"> |
| 37 | | - <div id="es-preview-wikitext" class="es-preview es-code"></div> |
| 38 | | - <div id="es-preview-json" class="es-preview es-code"></div> |
| 39 | | - <div id="es-preview-html" class="es-preview es-code"></div> |
| 40 | | - <div id="es-preview-render" class="es-preview es-render"></div> |
| 41 | | - <div id="es-preview-history" class="es-preview es-history"></div> |
| | 43 | + <div id="es-panels"> |
| | 44 | + <div id="es-panel-wikitext" class="es-panel es-code"></div> |
| | 45 | + <div id="es-panel-json" class="es-panel es-code"></div> |
| | 46 | + <div id="es-panel-html" class="es-panel es-code"></div> |
| | 47 | + <div id="es-panel-render" class="es-panel es-render"></div> |
| | 48 | + <div id="es-panel-history" class="es-panel es-code"></div> |
| 42 | 49 | </div> |
| 43 | 50 | <div style="clear:both"></div> |
| 44 | 51 | </div> |
| Index: trunk/extensions/VisualEditor/demo/index.html |
| — | — | @@ -70,6 +70,7 @@ |
| 71 | 71 | <div id="es-mode-render" class="es-modes-button"></div> |
| 72 | 72 | <div id="es-mode-history" class="es-modes-button"></div> |
| 73 | 73 | </div> |
| | 74 | + <div style="clear:both"></div> |
| 74 | 75 | <div id="es-toolbar-shadow"></div> |
| 75 | 76 | </div> |
| 76 | 77 | <div id="es-panes"> |
| Index: trunk/extensions/VisualEditor/modules/sandbox/sandbox.css |
| — | — | @@ -39,11 +39,16 @@ |
| 40 | 40 | } |
| 41 | 41 | .es-showData #es-editor { |
| 42 | 42 | border-right: solid 1px #cccccc; |
| | 43 | + margin: 0; |
| | 44 | + padding: 0; |
| 43 | 45 | } |
| 44 | 46 | .es-showData #es-visual { |
| | 47 | + margin: 0; |
| | 48 | + padding: 0; |
| 45 | 49 | float: left; |
| 46 | | - width: 49%; |
| | 50 | + width: 50%; |
| 47 | 51 | overflow: hidden; |
| | 52 | + margin-left: -1px; |
| 48 | 53 | } |
| 49 | 54 | #es-panels { |
| 50 | 55 | display: none; |
| — | — | @@ -51,7 +56,7 @@ |
| 52 | 57 | .es-showData #es-panels { |
| 53 | 58 | display: block; |
| 54 | 59 | float: right; |
| 55 | | - width: 48%; |
| | 60 | + width: 50%; |
| 56 | 61 | overflow: hidden; |
| 57 | 62 | } |
| 58 | 63 | .es-panel { |
| — | — | @@ -95,10 +100,12 @@ |
| 96 | 101 | .mediawiki .es-menuView { |
| 97 | 102 | font-size: 0.8em; |
| 98 | 103 | } |
| | 104 | + |
| | 105 | +#es-toolbar .es-toolbarGroups { |
| | 106 | + float: left; |
| | 107 | +} |
| 99 | 108 | .es-modes { |
| 100 | | - position: absolute; |
| 101 | | - right: 0; |
| 102 | | - top: 0; |
| | 109 | + float: right; |
| 103 | 110 | padding: 0.25em; |
| 104 | 111 | } |
| 105 | 112 | .es-modes-button { |