https://www.mediawiki.org/wiki/Special:Code/MediaWiki/105473
Revision: 105473
Author: tparscal
Date: 2011-12-07 22:50:55 +0000 (Wed, 07 Dec 2011)
Log Message:
-----------
Fixed the layout of the sandbox and demo
Modified Paths:
--------------
trunk/extensions/VisualEditor/SpecialVisualEditorSandbox.php
trunk/extensions/VisualEditor/demo/index.html
trunk/extensions/VisualEditor/modules/sandbox/sandbox.css
Modified: trunk/extensions/VisualEditor/SpecialVisualEditorSandbox.php
===================================================================
--- trunk/extensions/VisualEditor/SpecialVisualEditorSandbox.php
2011-12-07 22:43:53 UTC (rev 105472)
+++ trunk/extensions/VisualEditor/SpecialVisualEditorSandbox.php
2011-12-07 22:50:55 UTC (rev 105473)
@@ -25,6 +25,13 @@
<!-- VisualEditor Sandbox -->
<div id="es-base">
<div id="es-toolbar" class="es-toolbar">
+ <div id="es-modes" class="es-modes">
+ <div id="es-mode-wikitext"
class="es-modes-button"></div>
+ <div id="es-mode-json" class="es-modes-button"></div>
+ <div id="es-mode-html" class="es-modes-button"></div>
+ <div id="es-mode-render" class="es-modes-button"></div>
+ <div id="es-mode-history" class="es-modes-button"></div>
+ </div>
<div style="clear:both"></div>
<div id="es-toolbar-shadow"></div>
</div>
@@ -32,12 +39,12 @@
<div id="es-visual">
<div id="es-editor"></div>
</div>
- <div id="es-previews">
- <div id="es-preview-wikitext" class="es-preview
es-code"></div>
- <div id="es-preview-json" class="es-preview
es-code"></div>
- <div id="es-preview-html" class="es-preview
es-code"></div>
- <div id="es-preview-render" class="es-preview
es-render"></div>
- <div id="es-preview-history" class="es-preview
es-history"></div>
+ <div id="es-panels">
+ <div id="es-panel-wikitext" class="es-panel
es-code"></div>
+ <div id="es-panel-json" class="es-panel es-code"></div>
+ <div id="es-panel-html" class="es-panel es-code"></div>
+ <div id="es-panel-render" class="es-panel
es-render"></div>
+ <div id="es-panel-history" class="es-panel
es-code"></div>
</div>
<div style="clear:both"></div>
</div>
Modified: trunk/extensions/VisualEditor/demo/index.html
===================================================================
--- trunk/extensions/VisualEditor/demo/index.html 2011-12-07 22:43:53 UTC
(rev 105472)
+++ trunk/extensions/VisualEditor/demo/index.html 2011-12-07 22:50:55 UTC
(rev 105473)
@@ -70,6 +70,7 @@
<div id="es-mode-render"
class="es-modes-button"></div>
<div id="es-mode-history"
class="es-modes-button"></div>
</div>
+ <div style="clear:both"></div>
<div id="es-toolbar-shadow"></div>
</div>
<div id="es-panes">
Modified: trunk/extensions/VisualEditor/modules/sandbox/sandbox.css
===================================================================
--- trunk/extensions/VisualEditor/modules/sandbox/sandbox.css 2011-12-07
22:43:53 UTC (rev 105472)
+++ trunk/extensions/VisualEditor/modules/sandbox/sandbox.css 2011-12-07
22:50:55 UTC (rev 105473)
@@ -39,11 +39,16 @@
}
.es-showData #es-editor {
border-right: solid 1px #cccccc;
+ margin: 0;
+ padding: 0;
}
.es-showData #es-visual {
+ margin: 0;
+ padding: 0;
float: left;
- width: 49%;
+ width: 50%;
overflow: hidden;
+ margin-left: -1px;
}
#es-panels {
display: none;
@@ -51,7 +56,7 @@
.es-showData #es-panels {
display: block;
float: right;
- width: 48%;
+ width: 50%;
overflow: hidden;
}
.es-panel {
@@ -95,10 +100,12 @@
.mediawiki .es-menuView {
font-size: 0.8em;
}
+
+#es-toolbar .es-toolbarGroups {
+ float: left;
+}
.es-modes {
- position: absolute;
- right: 0;
- top: 0;
+ float: right;
padding: 0.25em;
}
.es-modes-button {
_______________________________________________
MediaWiki-CVS mailing list
MediaWiki-CVS@lists.wikimedia.org
https://lists.wikimedia.org/mailman/listinfo/mediawiki-cvs
