Go to file
Volker E 25c34072ec Align anonymous settings dialog appearance with style guide
Aligning anonymous settings dialog appearance with dialogs
elsewhere by
- setting base `font-size` to 14px to conform with Vector elsewhere –
  size is not inherited to the dialog as it's a direct child of `body`
- increasing contrast on descriptive paragraphs to conform with
  WCAG level AA
- reducing inner `padding`s slighty to conform with 8px grid
- aligning `border-color` and `box-shadow` values
- replacing static value with LESS variable

Also removing stylelintrc override rule which has been only around
for the old `box-shadow` value.

Bug: T178607
Change-Id: I738e0be11f3d1c94ea03288e0dddc1b983a6c729
2017-10-31 15:12:59 -07:00
doc Docs: Fix typo in Grafana link label 2017-08-26 00:08:03 +01:00
i18n Localisation updates from https://translatewiki.net. 2017-10-13 22:49:15 +02:00
images Optimize SVGs and align colors to WikimediaUI palette 2017-10-15 18:33:45 -07:00
includes build: Updating mediawiki/mediawiki-codesniffer to 13.0.0 2017-09-24 12:31:23 +00:00
resources Align anonymous settings dialog appearance with style guide 2017-10-31 15:12:59 -07:00
src build: Update eslint and other linters 2017-10-09 15:56:15 +01:00
tests Drop beta feature step testing in browser tests 2017-10-13 17:18:50 +00:00
.eslintrc.es5.json Run eslint on compiled assets to ensure code is es5 compatible 2017-09-07 12:30:33 +02:00
.eslintrc.json Explicitly set ecmaVersion for eslint 2017-08-30 13:47:49 +02:00
.gitattributes Hygiene: Move build/ext.popups/ to src/ 2017-02-14 09:59:59 -08:00
.gitignore Generate docs inside doc folder 2017-05-30 10:16:57 -04:00
.gitreview Merge remote-tracking branch 'gerrit/mpga' 2017-02-14 11:20:17 -08:00
.istanbul.yml Hygiene: Tidy up QUnit references 2017-05-04 15:53:44 +01:00
.stylelintrc.json Align anonymous settings dialog appearance with style guide 2017-10-31 15:12:59 -07:00
CODE_OF_CONDUCT.md Add CODE_OF_CONDUCT.md 2017-06-07 15:30:07 +04:30
composer.json build: Updating mediawiki/mediawiki-codesniffer to 13.0.0 2017-09-24 12:31:23 +00:00
COPYING Add COPYING file 2014-02-06 15:38:46 +05:30
extension.json Align anonymous settings dialog appearance with style guide 2017-10-31 15:12:59 -07:00
Gemfile doc: Replace JSDuck v5.3.4 with JSDoc v3.4.3 2017-05-23 05:33:31 +01:00
Gemfile.lock Hygiene: Remove RL-related step 2016-12-13 14:46:03 +00:00
Gruntfile.js Run eslint on compiled assets to ensure code is es5 compatible 2017-09-07 12:30:33 +02:00
jsdoc.json Generate docs inside doc folder 2017-05-30 10:16:57 -04:00
package.json build: Update eslint and other linters 2017-10-09 15:56:15 +01:00
phpcs.xml build: Updating mediawiki/mediawiki-codesniffer to 0.12.0 2017-09-01 04:55:51 +00:00
Popups.php Hygiene: Update required MediaWiki version 2017-07-24 16:12:03 +02:00
README.md Add code coverage reports npm script 2017-03-03 13:34:33 +01:00
webpack.config.js Do not include @nomin instruction in dist build 2017-10-11 14:34:18 -07:00

mediawiki/extensions/Popups

See https://www.mediawiki.org/wiki/Extension:Popups for more information about what it does.

Development

Popups uses an asset bundler so when developing for the extension you'll need to run a script to assemble the frontend assets.

You can find the frontend source files in src/, the compiled sources in resources/dist/, and other frontend assets managed by resource loader in resources/*.

After an npm install:

  • On one terminal, kickstart the bundler process:
    • npm start Will run the bundler in watch mode, re-assembling the files on file change.
    • npm run build Will compile the assets just once, ready for deployment. You must run this step before sending the patch or CI will fail (so that sources and built assets are in sync).
  • On another terminal, run tests and linting tools:
    • npm test To run the linting tools and the tests.
      • You can find the QUnit tests that depend on running MediaWiki under tests/qunit/
      • You can find the isolated QUnit tests under tests/node-qunit/, which you can run with npm run test:node
    • We recommend you install a file watcher like nodemon to watch sources and auto run linting and tests.
      • npm install -g nodemon
      • Example running linting and node unit tests:
        • nodemon -w src/ --exec "grunt lint:all && npm run test:node"
    • Get code coverage report with npm run coverage
      • Reports printed in the coverage/ folder