Esanders has uploaded a new change for review.
https://gerrit.wikimedia.org/r/273657
Change subject: Replace toolbar with OOUI/OOUI-style SVGs
......................................................................
Replace toolbar with OOUI/OOUI-style SVGs
* Use resource loader embedding for better performance
(uses a slightly hacky method to achieve this, the only
alternative would be to fix the WikiEditor API, but that
would introduce a version dependency)
* Use SVGs from OOUI where available or create new ones where not.
* Provide PNG fallbacks using LESS mixin
* Remove unused icons
Change-Id: If38d51d24958716e2617c4cb515e7c0575cdfeba
---
M extension.json
D images/clear.png
A images/code-progressive.png
A images/code-progressive.svg
A images/code.png
A images/code.svg
D images/editor-off.png
D images/editor.png
A images/find.png
A images/find.svg
A images/gotoLine.png
A images/gotoLine.svg
D images/gotoline.png
D images/help.png
M images/indent.png
A images/indent.svg
D images/markup-off.png
D images/markup.png
M images/outdent.png
A images/outdent.svg
A images/pilcrow-progressive.png
A images/pilcrow-progressive.svg
A images/pilcrow.png
A images/pilcrow.svg
D images/search-replace.png
D images/shortcuts.png
D images/wrapping-off.png
A images/wrapping-progressive.png
A images/wrapping-progressive.svg
M images/wrapping.png
A images/wrapping.svg
D modules/jquery.codeEditor.css
M modules/jquery.codeEditor.js
A modules/jquery.codeEditor.less
34 files changed, 184 insertions(+), 74 deletions(-)
git pull ssh://gerrit.wikimedia.org:29418/mediawiki/extensions/CodeEditor
refs/changes/57/273657/1
diff --git a/extension.json b/extension.json
index 9291318..41a91de 100644
--- a/extension.json
+++ b/extension.json
@@ -48,7 +48,7 @@
},
"jquery.codeEditor": {
"scripts": "jquery.codeEditor.js",
- "styles": "jquery.codeEditor.css",
+ "styles": "jquery.codeEditor.less",
"dependencies": [
"jquery.wikiEditor",
"ext.codeEditor.ace",
diff --git a/images/clear.png b/images/clear.png
deleted file mode 100644
index f702911..0000000
--- a/images/clear.png
+++ /dev/null
Binary files differ
diff --git a/images/code-progressive.png b/images/code-progressive.png
new file mode 100644
index 0000000..89b8f1d
--- /dev/null
+++ b/images/code-progressive.png
Binary files differ
diff --git a/images/code-progressive.svg b/images/code-progressive.svg
new file mode 100644
index 0000000..f3b0cdc
--- /dev/null
+++ b/images/code-progressive.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg";
xmlns:xlink="http://www.w3.org/1999/xlink"; width="24" height="24" viewBox="0 0
24 24">
+ <g id="code" fill="#347bff">
+ <path id="left-bracket" d="M9.665 6.32l-4.259 4.274-1.406 1.406 1.406
1.406 4.259 4.274 1.406-1.438-4.259-4.243 4.259-4.243z"/>
+ <use transform="matrix(-1 0 0 1 24 0)" id="right-bracket"
xlink:href="#left-bracket"/>
+ </g>
+</svg>
diff --git a/images/code.png b/images/code.png
new file mode 100644
index 0000000..574168a
--- /dev/null
+++ b/images/code.png
Binary files differ
diff --git a/images/code.svg b/images/code.svg
new file mode 100644
index 0000000..8188e4f
--- /dev/null
+++ b/images/code.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg";
xmlns:xlink="http://www.w3.org/1999/xlink"; width="24" height="24" viewBox="0 0
24 24">
+ <g id="code">
+ <path id="left-bracket" d="M9.665 6.32l-4.259 4.274-1.406 1.406 1.406
1.406 4.259 4.274 1.406-1.438-4.259-4.243 4.259-4.243z"/>
+ <use transform="matrix(-1 0 0 1 24 0)" id="right-bracket"
xlink:href="#left-bracket"/>
+ </g>
+</svg>
diff --git a/images/editor-off.png b/images/editor-off.png
deleted file mode 100644
index 05a38e8..0000000
--- a/images/editor-off.png
+++ /dev/null
Binary files differ
diff --git a/images/editor.png b/images/editor.png
deleted file mode 100644
index 63757a1..0000000
--- a/images/editor.png
+++ /dev/null
Binary files differ
diff --git a/images/find.png b/images/find.png
new file mode 100644
index 0000000..8070626
--- /dev/null
+++ b/images/find.png
Binary files differ
diff --git a/images/find.svg b/images/find.svg
new file mode 100644
index 0000000..ef44f57
--- /dev/null
+++ b/images/find.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg"; width="24" height="24" viewBox="0 0 24
24">
+ <g id="find">
+ <path id="magnifying-glass" d="M13.656 11c-1.92 0-3.5 1.548-3.5 3.47 0
1.92 1.58 3.5 3.5 3.5.75 0 1.432-.253 2-.657l.094.156 2.375
2.37c.19.19.534.15.78-.096s.315-.59.126-.78l-2.37-2.377-.185-.094a3.545 3.545 0
0 0 .655-2.03c0-1.92-1.55-3.47-3.47-3.47zm0 1.656a1.8 1.8 0 0 1 1.813 1.813
1.83 1.83 0 0 1-1.82 1.84c-1.01 0-1.844-.83-1.844-1.847s.832-1.814
1.844-1.814z"/>
+ <path id="text" d="M6 5v2h10V5H6zm0 3v2h11V8H6zm0 3v2h3.53a4.443 4.443
0 0 1 1.44-2H6zm0 3v2h3.53c-.177-.48-.28-.99-.28-1.53
0-.16.046-.315.063-.47H6z"/>
+ </g>
+</svg>
diff --git a/images/gotoLine.png b/images/gotoLine.png
new file mode 100644
index 0000000..f3c61bc
--- /dev/null
+++ b/images/gotoLine.png
Binary files differ
diff --git a/images/gotoLine.svg b/images/gotoLine.svg
new file mode 100644
index 0000000..cb1a91f
--- /dev/null
+++ b/images/gotoLine.svg
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg";
xmlns:xlink="http://www.w3.org/1999/xlink"; width="24" height="24" viewBox="0 0
24 24">
+ <path d="M 6,4 6,5 7,5 7,8 8,8 8,4 Z m -1,5 0,1 2,0 0,1 -2,0 0,3 3,0 0,-1
-2,0 0,-1 2,0 0,-3 z m 0,6 0,1 2,0 0,1 -1,0 0,1 1,0 0,1 -2,0 0,1 3,0 0,-5 z m
8,-5.5 -4,2.5 4,2.5 0,-1.5 6,0 0,-2 -6,0 z" />
+</svg>
diff --git a/images/gotoline.png b/images/gotoline.png
deleted file mode 100644
index 4da9dfa..0000000
--- a/images/gotoline.png
+++ /dev/null
Binary files differ
diff --git a/images/help.png b/images/help.png
deleted file mode 100644
index 2c53d6e..0000000
--- a/images/help.png
+++ /dev/null
Binary files differ
diff --git a/images/indent.png b/images/indent.png
index 7ca1960..d2f43a6 100644
--- a/images/indent.png
+++ b/images/indent.png
Binary files differ
diff --git a/images/indent.svg b/images/indent.svg
new file mode 100644
index 0000000..3760696
--- /dev/null
+++ b/images/indent.svg
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg"; width="24" height="24" viewBox="0 0 24
24">
+ <path d="M10 8h9v2h-9V8zm0 3h9v2h-9v-2zm0 3h6v2h-6v-2zm11-8H3V4h18v2zm0
14H3v-2h18v2zM3 8v8l5-4-5-4z"/>
+</svg>
diff --git a/images/markup-off.png b/images/markup-off.png
deleted file mode 100644
index b0f14a8..0000000
--- a/images/markup-off.png
+++ /dev/null
Binary files differ
diff --git a/images/markup.png b/images/markup.png
deleted file mode 100644
index c6cd56f..0000000
--- a/images/markup.png
+++ /dev/null
Binary files differ
diff --git a/images/outdent.png b/images/outdent.png
index 2bc8a19..9eb83f7 100644
--- a/images/outdent.png
+++ b/images/outdent.png
Binary files differ
diff --git a/images/outdent.svg b/images/outdent.svg
new file mode 100644
index 0000000..c004db0
--- /dev/null
+++ b/images/outdent.svg
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg"; width="24" height="24" viewBox="0 0 24
24">
+ <path d="M10 8h9v2h-9V8zm0 3h9v2h-9v-2zm0 3h6v2h-6v-2zm11-8H3V4h18v2zm0
14H3v-2h18v2zM3 12l5 4V8l-5 4z"/>
+</svg>
diff --git a/images/pilcrow-progressive.png b/images/pilcrow-progressive.png
new file mode 100644
index 0000000..858763b
--- /dev/null
+++ b/images/pilcrow-progressive.png
Binary files differ
diff --git a/images/pilcrow-progressive.svg b/images/pilcrow-progressive.svg
new file mode 100644
index 0000000..d878111
--- /dev/null
+++ b/images/pilcrow-progressive.svg
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg";
xmlns:xlink="http://www.w3.org/1999/xlink"; width="24" height="24" viewBox="0 0
24 24">
+ <path fill="#347bff" d="m 10.041164,6.0000146 6.958836,0 0,1.499718
-1.5,4.754e-4 0,10.500245 -1.5,0 0,-10.500245 -2.5,0 0,10.500245 -1.5,-4.76e-4
0,-6.006954 C 8.7805614,11.91291 7.6646755,11.611794 6.9954024,11.0911
6.3318007,10.565652 6,9.8674581 6,8.9963601 6,8.0970523 6.3686675,7.3727882
7.1060025,6.8236471 7.8433375,6.2745059 8.8217243,6.0000146 10.041164,6.0000146
Z" />
+</svg>
diff --git a/images/pilcrow.png b/images/pilcrow.png
new file mode 100644
index 0000000..c5ebcdb
--- /dev/null
+++ b/images/pilcrow.png
Binary files differ
diff --git a/images/pilcrow.svg b/images/pilcrow.svg
new file mode 100644
index 0000000..771e0f8
--- /dev/null
+++ b/images/pilcrow.svg
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg";
xmlns:xlink="http://www.w3.org/1999/xlink"; width="24" height="24" viewBox="0 0
24 24">
+ <path d="m 10.041164,6.0000146 6.958836,0 0,1.499718 -1.5,4.754e-4
0,10.500245 -1.5,0 0,-10.500245 -2.5,0 0,10.500245 -1.5,-4.76e-4 0,-6.006954 C
8.7805614,11.91291 7.6646755,11.611794 6.9954024,11.0911 6.3318007,10.565652
6,9.8674581 6,8.9963601 6,8.0970523 6.3686675,7.3727882 7.1060025,6.8236471
7.8433375,6.2745059 8.8217243,6.0000146 10.041164,6.0000146 Z" />
+</svg>
diff --git a/images/search-replace.png b/images/search-replace.png
deleted file mode 100644
index a41ec53..0000000
--- a/images/search-replace.png
+++ /dev/null
Binary files differ
diff --git a/images/shortcuts.png b/images/shortcuts.png
deleted file mode 100644
index 3ce4bdd..0000000
--- a/images/shortcuts.png
+++ /dev/null
Binary files differ
diff --git a/images/wrapping-off.png b/images/wrapping-off.png
deleted file mode 100644
index e26c092..0000000
--- a/images/wrapping-off.png
+++ /dev/null
Binary files differ
diff --git a/images/wrapping-progressive.png b/images/wrapping-progressive.png
new file mode 100644
index 0000000..a1cbfbd
--- /dev/null
+++ b/images/wrapping-progressive.png
Binary files differ
diff --git a/images/wrapping-progressive.svg b/images/wrapping-progressive.svg
new file mode 100644
index 0000000..ea1bce0
--- /dev/null
+++ b/images/wrapping-progressive.svg
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg";
xmlns:xlink="http://www.w3.org/1999/xlink"; width="24" height="24" viewBox="0 0
24 24">
+ <g id="wrapping" fill="#347bff">
+ <path d="m 4,7 0,2 13,0 c 1.125297,0 2,0.8747028 2,2 0,1.125297
-0.874703,2 -2,2 l -1,0 0,-2 -3,3 3,3 0,-2 1,0 c 2.198703,0 4,-1.801297 4,-4
0,-2.1987028 -1.801297,-4 -4,-4 z" />
+ <path d="m 4,15 7,0 0,2 -7,0 z" />
+ <path d="m 4,11 7,0 0,2 -7,0 z" />
+ </g>
+</svg>
diff --git a/images/wrapping.png b/images/wrapping.png
index 6ff9015..1ada587 100644
--- a/images/wrapping.png
+++ b/images/wrapping.png
Binary files differ
diff --git a/images/wrapping.svg b/images/wrapping.svg
new file mode 100644
index 0000000..c5fe636
--- /dev/null
+++ b/images/wrapping.svg
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg";
xmlns:xlink="http://www.w3.org/1999/xlink"; width="24" height="24" viewBox="0 0
24 24">
+ <g id="wrapping">
+ <path d="m 4,7 0,2 13,0 c 1.125297,0 2,0.8747028 2,2 0,1.125297
-0.874703,2 -2,2 l -1,0 0,-2 -3,3 3,3 0,-2 1,0 c 2.198703,0 4,-1.801297 4,-4
0,-2.1987028 -1.801297,-4 -4,-4 z" />
+ <path d="m 4,15 7,0 0,2 -7,0 z" />
+ <path d="m 4,11 7,0 0,2 -7,0 z" />
+ </g>
+</svg>
diff --git a/modules/jquery.codeEditor.css b/modules/jquery.codeEditor.css
deleted file mode 100644
index 3c339c5..0000000
--- a/modules/jquery.codeEditor.css
+++ /dev/null
@@ -1,55 +0,0 @@
-.group-codeeditor-format,
-.group-codeeditor-style,
-.codeEditor-ui-toolbar .group-insert,
-.codeEditor-ui-toolbar .group-format,
-.codeEditor-ui-toolbar .tabs span.tab-advanced,
-.codeEditor-ui-toolbar .tabs span.tab-characters,
-.codeEditor-ui-toolbar .tabs span.tab-help,
-.codeEditor-ui-toolbar .sections {
- display: none;
-}
-
-.codeEditor-ui-toolbar .group-codeeditor-format,
-.codeEditor-ui-toolbar .group-codeeditor-style {
- display: block;
-}
-
-.codeEditor-status {
- clear: both;
- width: 100%;
- background-color: #F0F0F0;
- border-top: 1px solid silver;
- display: table;
-}
-
-.codeEditor-status .codeEditor-status-worker-cell.ace_gutter-cell {
- background-position: 0 center;
-}
-
-.codeEditor-status-worker {
- padding: 0 0.3em;
- user-select: none;
- cursor: pointer;
- display: table-cell;
- *float: left;
- *width: 10em;
-}
-
-.codeEditor-status-message {
- border-left: 1px solid silver;
- border-right: 1px solid silver;
- padding: 0 0.3em;
- width: 100%;
- display: table-cell;
- *float: left;
- *width: auto;
-}
-
-.codeEditor-status-line {
- padding: 0 0.3em;
- text-align: right;
- white-space: nowrap;
- display: table-cell;
- *float: right;
- *width: 4em;
-}
diff --git a/modules/jquery.codeEditor.js b/modules/jquery.codeEditor.js
index b3a5457..8b491c7 100644
--- a/modules/jquery.codeEditor.js
+++ b/modules/jquery.codeEditor.js
@@ -48,7 +48,6 @@
selectedLine = 0,
cookieEnabled,
returnFalse = function () { return false; },
- extIconPath = mw.config.get( 'wgCodeEditorAssetsPath',
mw.config.get( 'wgExtensionAssetsPath' ) ) + '/CodeEditor/images/',
api = new mw.Api();
// Initialize state
@@ -103,14 +102,14 @@
* Internally used functions
*/
context.fn = $.extend( context.fn, {
- codeEditorToolbarIcon: function () {
- return extIconPath + ( context.codeEditorActive
? 'editor.png' : 'editor-off.png' );
+ isCodeEditorActive: function () {
+ return context.codeEditorActive;
},
- invisibleCharsToolbarIcon: function () {
- return extIconPath + (
context.showInvisibleChars ? 'markup.png' : 'markup-off.png' );
+ isShowInvisibleChars: function () {
+ return context.showInvisibleChars;
},
- lineWrappingToolbarIcon: function () {
- return extIconPath + (
context.lineWrappingActive ? 'wrapping.png' : 'wrapping-off.png' );
+ isLineWrappingActive: function () {
+ return context.lineWrappingActive;
},
changeCookieValue: function ( cookieName, value ) {
mw.cookie.set(
@@ -202,7 +201,7 @@
codeEditor: {
labelMsg: 'codeeditor-toolbar-toggle',
type:
'button',
- icon:
context.fn.codeEditorToolbarIcon(),
+ offset:
[ 0, 0 ],
action:
{
type: 'callback',
execute: toggleEditor
@@ -215,7 +214,7 @@
indent: {
labelMsg: 'codeeditor-indent',
type:
'button',
- icon:
extIconPath + 'indent.png',
+ offset:
[ 0, 0 ],
action:
{
type: 'callback',
execute: indent
@@ -224,7 +223,7 @@
outdent: {
labelMsg: 'codeeditor-outdent',
type:
'button',
- icon:
extIconPath + 'outdent.png',
+ offset:
[ 0, 0 ],
action:
{
type: 'callback',
execute: outdent
@@ -238,7 +237,7 @@
invisibleChars:
{
labelMsg: 'codeeditor-invisibleChars-toggle',
type:
'button',
- icon:
context.fn.invisibleCharsToolbarIcon(),
+ offset:
[ 0, 0 ],
action:
{
type: 'callback',
execute: toggleInvisibleChars
@@ -247,7 +246,7 @@
lineWrapping: {
labelMsg: 'codeeditor-lineWrapping-toggle',
type:
'button',
- icon:
context.fn.lineWrappingToolbarIcon(),
+ offset:
[ 0, 0 ],
action:
{
type: 'callback',
execute: toggleLineWrapping
@@ -256,7 +255,7 @@
gotoLine: {
labelMsg: 'codeeditor-gotoline',
type:
'button',
- icon:
extIconPath + 'gotoline.png',
+ offset:
[ 0, 0 ],
action:
{
type: 'callback',
execute: gotoLine
@@ -265,7 +264,7 @@
toggleSearchReplace: {
labelMsg: 'codeeditor-searchReplace-toggle',
type:
'button',
- icon:
extIconPath + 'search-replace.png',
+ offset:
[ 0, 0 ],
action:
{
type: 'callback',
execute: toggleSearchReplace
@@ -275,6 +274,9 @@
}
}
} );
+ context.fn.updateCodeEditorToolbarButton();
+ context.fn.updateInvisibleCharsButton();
+ context.fn.updateLineWrappingButton();
$( '.group-codeeditor-style' ).prependTo(
'.section-main' );
$( '.group-codeeditor-format' ).prependTo(
'.section-main' );
$( '.group-codeeditor-main' ).prependTo(
'.section-main' );
@@ -282,16 +284,16 @@
updateButtonIcon: function ( targetName, iconFn ) {
var target = '.tool[rel=' + targetName + ']',
$icon =
context.modules.toolbar.$toolbar.find( target );
- $icon.css( 'background-image', 'url(' +
iconFn() + ')' );
+ $icon.toggleClass( 'icon-active', iconFn() );
},
updateCodeEditorToolbarButton: function () {
- context.fn.updateButtonIcon( 'codeEditor',
context.fn.codeEditorToolbarIcon );
+ context.fn.updateButtonIcon( 'codeEditor',
context.fn.isCodeEditorActive );
},
updateInvisibleCharsButton: function () {
- context.fn.updateButtonIcon( 'invisibleChars',
context.fn.invisibleCharsToolbarIcon );
+ context.fn.updateButtonIcon( 'invisibleChars',
context.fn.isShowInvisibleChars );
},
updateLineWrappingButton: function () {
- context.fn.updateButtonIcon( 'lineWrapping',
context.fn.lineWrappingToolbarIcon );
+ context.fn.updateButtonIcon( 'lineWrapping',
context.fn.isLineWrappingActive );
},
setCodeEditorPreference: function ( prefValue ) {
// Do not try to save options for anonymous user
diff --git a/modules/jquery.codeEditor.less b/modules/jquery.codeEditor.less
new file mode 100644
index 0000000..a87f297
--- /dev/null
+++ b/modules/jquery.codeEditor.less
@@ -0,0 +1,106 @@
+@import "mediawiki.mixins";
+
+.group-codeeditor-format,
+.group-codeeditor-style,
+.codeEditor-ui-toolbar .group-insert,
+.codeEditor-ui-toolbar .group-format,
+.codeEditor-ui-toolbar .tabs span.tab-advanced,
+.codeEditor-ui-toolbar .tabs span.tab-characters,
+.codeEditor-ui-toolbar .tabs span.tab-help,
+.codeEditor-ui-toolbar .sections {
+ display: none;
+}
+
+.codeEditor-ui-toolbar .group-codeeditor-format,
+.codeEditor-ui-toolbar .group-codeeditor-style {
+ display: block;
+}
+
+.group-codeeditor-main,
+.group-codeeditor-format,
+.group-codeeditor-style {
+ .tool {
+ opacity: 0.7;
+ background-position: 2px 2px!important;
+ &.icon-active {
+ opacity: 1;
+ }
+ }
+}
+
+.group-codeeditor-main .tool[rel=codeEditor] {
+ .background-image-svg( '../images/code.svg', '../images/code.png' );
+ &.icon-active {
+ .background-image-svg( '../images/code-progressive.svg',
'../images/code-progressive.png' );
+ }
+}
+
+.codeEditor-ui-toolbar .tool[rel=indent] {
+ .background-image-svg( '../images/indent.svg', '../images/indent.png' );
+}
+
+.codeEditor-ui-toolbar .tool[rel=outdent] {
+ .background-image-svg( '../images/outdent.svg', '../images/outdent.png'
);
+}
+
+.codeEditor-ui-toolbar .tool[rel=invisibleChars] {
+ .background-image-svg( '../images/pilcrow.svg', '../images/pilcrow.png'
);
+ &.icon-active {
+ .background-image-svg( '../images/pilcrow-progressive.svg',
'../images/pilcrow-progressive.png' );
+ }
+}
+
+.codeEditor-ui-toolbar .tool[rel=lineWrapping] {
+ .background-image-svg( '../images/wrapping.svg',
'../images/wrapping.png' );
+ &.icon-active {
+ .background-image-svg( '../images/wrapping-progressive.svg',
'../images/wrapping-progressive.png' );
+ }
+}
+
+.codeEditor-ui-toolbar .tool[rel=gotoLine] {
+ .background-image-svg( '../images/gotoLine.svg',
'../images/gotoLine.png' );
+}
+
+.codeEditor-ui-toolbar .tool[rel=toggleSearchReplace] {
+ .background-image-svg( '../images/find.svg', '../images/find.png' );
+}
+
+.codeEditor-status {
+ clear: both;
+ width: 100%;
+ background-color: #F0F0F0;
+ border-top: 1px solid silver;
+ display: table;
+}
+
+.codeEditor-status .codeEditor-status-worker-cell.ace_gutter-cell {
+ background-position: 0 center;
+}
+
+.codeEditor-status-worker {
+ padding: 0 0.3em;
+ user-select: none;
+ cursor: pointer;
+ display: table-cell;
+ *float: left;
+ *width: 10em;
+}
+
+.codeEditor-status-message {
+ border-left: 1px solid silver;
+ border-right: 1px solid silver;
+ padding: 0 0.3em;
+ width: 100%;
+ display: table-cell;
+ *float: left;
+ *width: auto;
+}
+
+.codeEditor-status-line {
+ padding: 0 0.3em;
+ text-align: right;
+ white-space: nowrap;
+ display: table-cell;
+ *float: right;
+ *width: 4em;
+}
--
To view, visit https://gerrit.wikimedia.org/r/273657
To unsubscribe, visit https://gerrit.wikimedia.org/r/settings
Gerrit-MessageType: newchange
Gerrit-Change-Id: If38d51d24958716e2617c4cb515e7c0575cdfeba
Gerrit-PatchSet: 1
Gerrit-Project: mediawiki/extensions/CodeEditor
Gerrit-Branch: master
Gerrit-Owner: Esanders <[email protected]>
_______________________________________________
MediaWiki-commits mailing list
[email protected]
https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits
