wikimedia/mediawiki-extensions-CodeEditor
1
0
Fork 0
mirror of https://gerrit.wikimedia.org/r/mediawiki/extensions/CodeEditor synced 2024-11-15 03:23:45 +00:00
Code Issues Packages Projects Releases Wiki Activity
mediawiki-extensions-CodeEd.../modules/jquery.codeEditor.less

130 lines
3.4 KiB
Plaintext
Raw Normal View History

build: Remove jshint/jscs, add eslint/stylelint Change-Id: I4304ca95de7dd395676f40bcbb35a447c039ba21
2016-12-09 13:21:02 +00:00
@import 'mediawiki.mixins';
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. These are used and available under the OOjs UI MIT licence. * Provide PNG fallbacks using LESS mixin * Remove unused icons Change-Id: If38d51d24958716e2617c4cb515e7c0575cdfeba
2016-02-27 22:39:07 +00:00
.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;
}
build: Remove jshint/jscs, add eslint/stylelint Change-Id: I4304ca95de7dd395676f40bcbb35a447c039ba21
2016-12-09 13:21:02 +00:00
/* stylelint-disable no-descending-specificity */
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. These are used and available under the OOjs UI MIT licence. * Provide PNG fallbacks using LESS mixin * Remove unused icons Change-Id: If38d51d24958716e2617c4cb515e7c0575cdfeba
2016-02-27 22:39:07 +00:00
.group-codeeditor-main,
.group-codeeditor-format,
.group-codeeditor-style {
.tool {
opacity: 0.7;
build: Remove jshint/jscs, add eslint/stylelint Change-Id: I4304ca95de7dd395676f40bcbb35a447c039ba21
2016-12-09 13:21:02 +00:00
/* stylelint-disable-next-line declaration-no-important */
background-position: 1px 1px !important;
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. These are used and available under the OOjs UI MIT licence. * Provide PNG fallbacks using LESS mixin * Remove unused icons Change-Id: If38d51d24958716e2617c4cb515e7c0575cdfeba
2016-02-27 22:39:07 +00:00
&.icon-active {
opacity: 1;
}
}
}
build: Remove jshint/jscs, add eslint/stylelint Change-Id: I4304ca95de7dd395676f40bcbb35a447c039ba21
2016-12-09 13:21:02 +00:00
/* stylelint-enable no-descending-specificity */
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. These are used and available under the OOjs UI MIT licence. * Provide PNG fallbacks using LESS mixin * Remove unused icons Change-Id: If38d51d24958716e2617c4cb515e7c0575cdfeba
2016-02-27 22:39:07 +00:00
// TODO: Use this icon from OOUI
build: Remove jshint/jscs, add eslint/stylelint Change-Id: I4304ca95de7dd395676f40bcbb35a447c039ba21
2016-12-09 13:21:02 +00:00
.group-codeeditor-main .tool[rel='codeEditor'] {
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. These are used and available under the OOjs UI MIT licence. * Provide PNG fallbacks using LESS mixin * Remove unused icons Change-Id: If38d51d24958716e2617c4cb515e7c0575cdfeba
2016-02-27 22:39:07 +00:00
.background-image-svg( '../images/code.svg', '../images/code.png' );
&.icon-active {
.background-image-svg( '../images/code-progressive.svg', '../images/code-progressive.png' );
}
}
// TODO: Use this icon from OOUI
build: Remove jshint/jscs, add eslint/stylelint Change-Id: I4304ca95de7dd395676f40bcbb35a447c039ba21
2016-12-09 13:21:02 +00:00
.codeEditor-ui-toolbar .tool[rel='indent'] {
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. These are used and available under the OOjs UI MIT licence. * Provide PNG fallbacks using LESS mixin * Remove unused icons Change-Id: If38d51d24958716e2617c4cb515e7c0575cdfeba
2016-02-27 22:39:07 +00:00
.background-image-svg( '../images/indent.svg', '../images/indent.png' );
}
// TODO: Use this icon from OOUI
build: Remove jshint/jscs, add eslint/stylelint Change-Id: I4304ca95de7dd395676f40bcbb35a447c039ba21
2016-12-09 13:21:02 +00:00
.codeEditor-ui-toolbar .tool[rel='outdent'] {
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. These are used and available under the OOjs UI MIT licence. * Provide PNG fallbacks using LESS mixin * Remove unused icons Change-Id: If38d51d24958716e2617c4cb515e7c0575cdfeba
2016-02-27 22:39:07 +00:00
.background-image-svg( '../images/outdent.svg', '../images/outdent.png' );
}
// TODO: Upstream this icon to OOUI and use it from there
build: Remove jshint/jscs, add eslint/stylelint Change-Id: I4304ca95de7dd395676f40bcbb35a447c039ba21
2016-12-09 13:21:02 +00:00
.codeEditor-ui-toolbar .tool[rel='invisibleChars'] {
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. These are used and available under the OOjs UI MIT licence. * Provide PNG fallbacks using LESS mixin * Remove unused icons Change-Id: If38d51d24958716e2617c4cb515e7c0575cdfeba
2016-02-27 22:39:07 +00:00
.background-image-svg( '../images/pilcrow.svg', '../images/pilcrow.png' );
&.icon-active {
.background-image-svg( '../images/pilcrow-progressive.svg', '../images/pilcrow-progressive.png' );
}
}
// TODO: Upstream this icon to OOUI and use it from there
build: Remove jshint/jscs, add eslint/stylelint Change-Id: I4304ca95de7dd395676f40bcbb35a447c039ba21
2016-12-09 13:21:02 +00:00
.codeEditor-ui-toolbar .tool[rel='lineWrapping'] {
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. These are used and available under the OOjs UI MIT licence. * Provide PNG fallbacks using LESS mixin * Remove unused icons Change-Id: If38d51d24958716e2617c4cb515e7c0575cdfeba
2016-02-27 22:39:07 +00:00
.background-image-svg( '../images/wrapping.svg', '../images/wrapping.png' );
&.icon-active {
.background-image-svg( '../images/wrapping-progressive.svg', '../images/wrapping-progressive.png' );
}
}
// TODO: Upstream this icon to OOUI and use it from there
build: Remove jshint/jscs, add eslint/stylelint Change-Id: I4304ca95de7dd395676f40bcbb35a447c039ba21
2016-12-09 13:21:02 +00:00
.codeEditor-ui-toolbar .tool[rel='gotoLine'] {
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. These are used and available under the OOjs UI MIT licence. * Provide PNG fallbacks using LESS mixin * Remove unused icons Change-Id: If38d51d24958716e2617c4cb515e7c0575cdfeba
2016-02-27 22:39:07 +00:00
.background-image-svg( '../images/gotoLine.svg', '../images/gotoLine.png' );
}
// TODO: Use this icon from OOUI
build: Remove jshint/jscs, add eslint/stylelint Change-Id: I4304ca95de7dd395676f40bcbb35a447c039ba21
2016-12-09 13:21:02 +00:00
.codeEditor-ui-toolbar .tool[rel='toggleSearchReplace'] {
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. These are used and available under the OOjs UI MIT licence. * Provide PNG fallbacks using LESS mixin * Remove unused icons Change-Id: If38d51d24958716e2617c4cb515e7c0575cdfeba
2016-02-27 22:39:07 +00:00
.background-image-svg( '../images/find.svg', '../images/find.png' );
}
Match font and size to other source editors All of our other source editors (2003/06/10/17) use the editfont classes. Change-Id: Ic9f31eadaefba1af0c1d75171a46218abbd8bc88
2018-01-04 12:04:01 +00:00
.wikiEditor-ui .ace_editor {
/* Same as mw-editfont-monospace, repeated for higher specificity */
font-size: 13px;
font-family: monospace, monospace;
}
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. These are used and available under the OOjs UI MIT licence. * Provide PNG fallbacks using LESS mixin * Remove unused icons Change-Id: If38d51d24958716e2617c4cb515e7c0575cdfeba
2016-02-27 22:39:07 +00:00
.wikiEditor-ui-toolbar .group-codeeditor-style {
border-right: 0;
}
.codeEditor-status {
clear: both;
width: 100%;
Align colors to WikimediaUI color palette Aligning colors to overhauled color palette, ensuring WCAG level AA conformance. Also removing unnecessary `xmlns:xlink` where applicable. Bug: T160602 Change-Id: I958d1868cd5ff80226af566dfe34885f1932b16e
2017-03-16 02:21:07 +00:00
background-color: #f8f9fa;
border-top: 1px solid #c8ccd1;
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. These are used and available under the OOjs UI MIT licence. * Provide PNG fallbacks using LESS mixin * Remove unused icons Change-Id: If38d51d24958716e2617c4cb515e7c0575cdfeba
2016-02-27 22:39:07 +00:00
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;
}
.codeEditor-status-message {
Align colors to WikimediaUI color palette Aligning colors to overhauled color palette, ensuring WCAG level AA conformance. Also removing unnecessary `xmlns:xlink` where applicable. Bug: T160602 Change-Id: I958d1868cd5ff80226af566dfe34885f1932b16e
2017-03-16 02:21:07 +00:00
border-left: 1px solid #c8ccd1;
border-right: 1px solid #c8ccd1;
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. These are used and available under the OOjs UI MIT licence. * Provide PNG fallbacks using LESS mixin * Remove unused icons Change-Id: If38d51d24958716e2617c4cb515e7c0575cdfeba
2016-02-27 22:39:07 +00:00
padding: 0 0.3em;
width: 100%;
display: table-cell;
}
.codeEditor-status-line {
padding: 0 0.3em;
text-align: right;
white-space: nowrap;
display: table-cell;
}
Hide MediaWiki's "Edit help" links which aren't relevant to non-wikitext content Copied from WikiEditor. Bug: T173715 Change-Id: If3234240ec8530dafd6cf0faaa2fba31e09e1a89
2017-08-24 20:31:09 +00:00
/* Hide vanilla MediaWiki's "Editing help" link, as we provide it in the toolbar */
/* Copied from the same code in WikiEditor */
.client-js .editButtons {
.editHelp,
.mw-editButtons-pipe-separator {
display: none;
}
}
Reference in a new issue Copy permalink