Commit Graph

79 Commits

Author SHA1 Message Date
Catrope
1400354f43 Revert "Update jquery.uls to a9dc11b"
Breaks VisualEditor by throwing exceptions on most key
presses and selection changes, which causes Enter and Tab
to behave very badly in VE.

This reverts commit 3499b0a1b9.

Bug: T144871
Change-Id: I0518b056e6946341cf29eb3f16378702d37086a5
2016-09-07 00:47:01 +00:00
Niklas Laxström
3499b0a1b9 Update jquery.uls to a9dc11b
* Brings new design improvements.
* Also removed some local style overrides in the extension that are
  no longer needed and added new ones.
* Localisation updates

Bug: T138235
Bug: T137870
Change-Id: Iecec180ca01a40f0333e5b75914dcdb0c390f6b8
2016-09-06 11:27:07 +00:00
Niklas Laxström
0b89c27678 Give language selection buttons more space
Let them assume normal size with regular padding. In the case that
the buttons do not fit one line, some will overflow to the second
line. In my opinion that looks less ugly than irregular padding
and truncated language names.

Bug: T136273
Change-Id: I26dd7745ac03e1b940348b318d74d0a2bd27e1a3
2016-06-02 05:47:25 +00:00
jenkins-bot
6585dc5285 Merge "Cleanup settings-* rules in ext.uls.css" 2016-06-02 04:05:07 +00:00
jenkins-bot
dfc5b703b8 Merge "Set base font size for ULS dialogs to ensure consistent size" 2016-05-30 09:33:25 +00:00
jenkins-bot
229c3a7b2d Merge "Remove cursor: pointer for links." 2016-05-30 08:59:42 +00:00
Niklas Laxström
a0859320ea Cleanup settings-* rules in ext.uls.css
`font-size: 11pt` was always overrules by another style. Removed it
and moved rest of settings-* styles to languagesettings.css where
they belong.

Bug: T136273
Change-Id: I4d8fa6ff9f4fc2b6e2ee577d795a28cb8197b3cb
2016-05-30 06:22:30 +00:00
Niklas Laxström
4c3c0421ce Remove styles now in jquery.uls core
Bug: T136273
Change-Id: Ib65928b029a86eba91b1dfbc4527c9effa8d2449
2016-05-26 14:38:17 +02:00
Niklas Laxström
d04e49b891 Remove cursor: pointer for links.
This has no effect as far as I can see because that is the default.

Bug: T136273
Change-Id: I57c5aa9d102559d9086291f90c2a82e2b7a09ff4
2016-05-26 14:08:09 +02:00
Niklas Laxström
44f405cef1 Set base font size for ULS dialogs to ensure consistent size
The dialogs had tiny text in Monobook skin.

Bug: T136273
Change-Id: I8d00bbd6eb560e63dc4d64375ca0dbb279f6c9df
2016-05-26 09:38:11 +00:00
Ed Sanders
e6dcdb56c4 Introduce stylelint and make pass
Change-Id: Iaf12e7773f21d42ff59591680abdf248bf121224
2016-05-25 09:24:47 +02:00
Niklas Laxström
679f616fb2 Remove extra empty lines
Change-Id: I4f4e941dc12b4730bdacf35e6d80cd306a88cf01
2016-05-23 17:15:18 +02:00
Niklas Laxström
a19e8c0dba Update jquery.uls and adapt styling
jquery.uls.compact module is kept for now as some other
extensions depend on it. But it does not do anything
anymore.

There are some styles which should be in jquery.uls
upstream, but given the current state that is easiest
done in a follow-up later.

The main change is that language selection is now
compact by default: no heading etc.

Includes style changes for the dialogs, and especially
for the new position of the callout caret.

Bug: T85519
Change-Id: Iade8005439b4f58ab241752f69a5365d8bb88d2c
2016-05-18 11:40:58 +02:00
Santhosh Thottingal
a3c63f1efc Update ULS settings UI style to mediawiki.ui style
The ext.uls.buttons style can be removed but Translate extension use that.
Once it is separated we can remove it from ULS.

Testplan:
Use ULS settings and notice the style difference of buttons, checkboxes
and radio buttons. No functionality should be affected and UI should not
be broken in any ways.

This was once attempted in Id186ece6513f154e0388bc4170c21bdabb59038a
but we had to revert because of incompleteness

Bug: T52599
Bug: T127020
Change-Id: Ibbb2068b5036537f298fad6c49169a5b986304d5
2016-04-07 12:06:29 +00:00
Niklas Laxström
ff6c3041c2 Wrong border color for caret
After seeing this wrong color dozens of times while testing svg
icons on high zooms, I can't stand the slightly different color of
the border for the caret from the rest of the ULS dialog. The border
of ULS is transparent with 0.2 alpha component over the background,
in this case I just hardcoded the resulting color here to match.

Change-Id: Ib2b2801f51ea02d2788d8703e3410eca9b3a57a3
2014-02-18 22:23:44 +00:00
Timo Tijhof
c6d71015ff Various clean up
Files:
* Consistently have one (1) new line at EOF
  (.gitignore, *.css, *.sh)

JSHint:
* Separate the common (general Wikimedia code conventions) from
  the local more stricter rules (nice work!).

Maintenance:
* Use simplified $IP definition where getenv is only called once.
  Based on http://git.io/ve-mw-36fc3b59-makeStaticLoader

JavaScript:
* Use the same closure in all files:
  - No need for "undefined".
  - One linebreak between license header and start of closure
    (sometimes there were 1 or 2 empty lines).
  - ext.uls.ime.js: No need for "document" (redundant in general,
    but especially as it wasn't used anywhere in this file).
  - Use "$, mw" for all ext.* modules (one of them used "mw, $").

Change-Id: Iba5dab14bbc3fbfc9f8fe96dd2d95529587a69aa
2014-02-08 00:11:50 -08:00
Santhosh Thottingal
81c4dfe848 Refactor the css so that embedded images are optimally loaded
Change-Id: If19d20fb22afafbf62c355394dcda825a0151ac6
2014-01-23 16:48:18 +00:00
Ori Livneh
f7066d4d2a Apply /* @embed */ pragma to every image, not just the topmost in each block
/* @embed */ is scoped to the rule immediately below it, not the entire block.

Change-Id: I862b01e6bb70a53904b8264872f08d1bc1b073c1
2014-01-17 19:21:52 -08:00
Niklas Laxström
38d7c935be Fix alignment issue of ULS trigger
The calculated font-height is about 13.5px on my machine. For some
reason the usage of Autonym font sways the rounding of the container
height to 14px instead of 13px as for other items. I found out that
setting line-height to 1em or 100% makes the trigger size also round
to 13px, but I can't explain why. I didn't see any change in Modern
or Monobook skins (Monobook is broken already with bold and icon
missing).

Bug: 59239
Change-Id: I71ed556f2ef707b7e5f5891d6fc0c88c01f6b0ca
2014-01-06 08:07:24 +00:00
Santhosh Thottingal
f5ce066c80 Lazyload jquery.uls library
In the "interlanguage" position ULS is shown after 2 clicks,
so don't load it initially.

In the "personal" position ULS is shown immediately after
the language icon click, so load it, but conditionally.

The new RL module ext.uls.mediawiki is added for setting
jquery.uls defaults in a way that will lazy-load the language names.

Change-Id: Ic33ef034c794a523b5403867196c6098a58eb5b1
2013-11-11 14:13:02 +05:30
Santhosh Thottingal
dfc40c8f59 Refactor the css for interlanguage links and autonym class
Move it to a seperate css file ext.uls.webfonts.css so that the RL
modules are more granular and clear.

Also get the @font-face css for Autonym font get ready on page load
so that the font applied automatically to any future elements on page.

Change-Id: Icb76df5baedaba8ab613d665a1be923779a6b9e7
2013-11-06 20:51:26 +05:30
Santhosh Thottingal
7d49a9ca42 Define autonym css class
Follow up: I10b8658e29c03b136b4475c4c69ace33e5628a98 and
I48b0cc4a19c3ddd8d00f585faf31046d8ba6bf9c

Define this class in MW ULS since jquery.uls removed this class
definition

Change-Id: I5e52feb6a53362378b382b06727ac6e671e0f91a
2013-11-04 12:19:44 +05:30
Niklas Laxström
3d3152df8e Move button styles to separate module
Removes 8 KiB from *uncompressed* initial payload

Also added missing dependency to jquery.cookie to ext.uls.init

Change-Id: If0e30d3822fa7db317d53a0a58051295da0ec0e6
2013-11-01 09:52:30 +00:00
Siebrand Mazeland
0ef08f0d92 Update order of CSS properties
Bug: 56138
Change-Id: I1fe0fbf2c33a45d7b67378d0f74b5ea8425b446b
2013-10-29 17:42:48 +01:00
Amir E. Aharoni
e8d16c4f71 Fix the selector for interlanguage links
So it will apply only to the links and not to the title.

Change-Id: I7f45c02b5d9955d45adc516478dee4863581c3a5
2013-10-22 07:33:36 +03:00
jenkins-bot
03e3666ecf Merge "Use Autonymfont for interlanguage links" 2013-10-21 15:52:52 +00:00
Santhosh Thottingal
d823fd7f1e Use Autonymfont for interlanguage links
Change-Id: If194efa7785d472f78790ffcb6c68636fcaee5ad
2013-10-21 04:30:10 +00:00
Siebrand Mazeland
315cf739bc Update formatting
Change-Id: Iaee2ab4f36d3a0dce143c62965ab29de504b31ea
2013-10-09 15:40:39 +02:00
Siebrand Mazeland
102f257427 Fix CodeSniffer errors and warnings
More fixes will be submitted upstream.

Change-Id: Ib22997f8756537b063fd6eed3f1f74f3eda315d7
2013-08-05 05:55:03 +02:00
jenkins-bot
2dc2f23e0a Merge "Have no-repeat follow url for background images" 2013-07-19 11:53:45 +00:00
Siebrand Mazeland
3d1ab4e8af Have no-repeat follow url for background images
Bug: 51101
Change-Id: I5e355801085f79128d92c77cf78e27d06403b9dd
2013-07-19 12:42:10 +02:00
Niklas Laxström
883e87ea56 Help links for ime selector menu
Change-Id: Ia6a0db9af25216f3d03c5130de96000141ccaa57
2013-07-15 13:24:12 +00:00
Pau Giner
d8c1f40f66 Cog size adjustments
SVG and PNG versions have been modified to be of the same dimensions.
The sprite now is a 14x14px cog with an additional transparent pixel
above and below. resulting in two 14x16px areas. The added margin solves
the problem of image being cropped when zooming.

Bug: 50742
Change-Id: Iab4f578bdb1ea55c51eb528527fc38ce44c7be69
2013-07-05 13:05:20 +00:00
Santhosh Thottingal
1b8d0eb169 Remove Arial fontfamily style for buttons
This came from Agora button styles. Explicit font style for buttons
prevent them to inherit font family style from parents.

Change-Id: I81833273ea7f7f865d04d56d2156df0852373110
2013-07-02 10:32:58 +05:30
Niklas Laxström
d9883c90d7 Remove border-radius from ULS cog
Per http://stackoverflow.com/questions/11114636/opera-border-radius-svg-background-bug

Bug: 49379
Change-Id: I197e9e9a8c5afcefc998e302329aa96dc2df33da
2013-06-19 09:54:34 +00:00
Santhosh Thottingal
271ec67a80 Update button css from Agora
Css copied from https://github.com/wikimedia/mediawiki-extensions-Agora

Bug: 49112
Change-Id: Ibc5d144a22228fd7ec6e3793bf8d9d6c28748101
2013-06-07 14:39:06 +00:00
Santhosh Thottingal
e9ab300889 Fix: ULS popup moves to sidebar if opened from ime menu
Issues fixed:
Incorrect position of ULS when accessed from more languages button
of input/display settings, when language settings opened from ime
menu.

Arrow(callout) appearing for ULS when opened from more languages
button of input/display settings, when language settings opened from ime
menu.

Used a class 'callout' to mark whether windows need callout arrow or not.

Bug: 49060
Change-Id: Ic4c0a1e386918494a0d006a02dd0cf93ef269163
2013-06-07 14:26:46 +00:00
Amir E. Aharoni
d93c92af10 Remove a redundant CSS rule
It's already covered in ext.uls.css. The existence of the extra rule
causes wrong display.

Change-Id: I0a5fed7456279f6d313c89e7fa41335d6c437b1c
2013-05-20 15:04:31 +03:00
Santhosh Thottingal
bb3e72f5a0 Simplify the language settings display
Directly show language settings instead of showing ULS language selector
and then simulating click on language settings

Change-Id: Iafb15ac9a7140fcce9e71ed933be6c55be81dc7e
2013-05-20 10:21:38 +05:30
Amir E. Aharoni
977b36ade6 Replace id uls-more-languages with class
Change-Id: I51f74f0b3bcec1b45dd5588638346a6d02a44e52
2013-05-15 10:45:35 +03:00
Amir E. Aharoni
da5555aecf Put the cog icon in the middle of the section title
Bug: 47978
Change-Id: I8fdd3c195f548712903d011383eb32feb8b0e0d1
2013-05-14 09:55:10 +02:00
Amir E. Aharoni
03546744ba Changes to show the display settings in the sidebar
* Add a caret for the ULS in the sidebar.
* Adjust the panel's position.
* Immediately show the Display settings instead of the language list.

Also added documentation.

Change-Id: I6635092e9e020cb1f5b51f437abde4e81c31ae48
2013-05-02 07:51:49 +03:00
Amir E. Aharoni
f4f332a459 Add the sidebar ULS cog icon and $wgULSPosition variable
Change-Id: I6acf1e21316a41ab8fcb4fd65e065be68693430f
2013-04-23 14:53:58 +02:00
Amir E. Aharoni
530149704c Cleanup CSS
Removed overqualified and repeating selectors and fixed whitespace.

Change-Id: I139a892a577351167c9193c24b3684680f2d0e97
2013-04-22 10:18:49 +03:00
jenkins-bot
2e6d3c5798 Merge "(bug 45142) dirty RTL CSS hack for Opera" 2013-02-24 14:59:13 +00:00
MatmaRex
764a752f1c (bug 45142) dirty RTL CSS hack for Opera
For some absolutely inexplicable reason Opera confuses right and left
padding on li#pt-uls a.uls-trigger in RTL mode, causing the text to
overlap an icon. Use a CSS hack to flip the text direction for Opera
only.

Change-Id: I71c2c4cac3269551722b15c533a2d511e1b483d9
2013-02-21 17:52:08 +01:00
Pau Giner
10078d1b65 SVG versions of icons
SVG assets added and CSS adjusments made to make use fo SVG for compatible browsers.

Change-Id: Ib04b7bd72b528fc0c8159362f03f2a9828342aa4
2013-02-18 15:22:33 +01:00
Pau Giner
640fc523d4 Styling of settings to fit the botom of the ULS
Styling adjustments to properly display settings when they are placed
at the bottom of the ULS.

Change-Id: I4fe0ce0cdc759eca1891cdb37937fa12f45146c6
2013-02-06 17:13:11 +05:30
Santhosh Thottingal
4f65a3a20c (Bug 42692) #pt-uls .uls-trigger is missing left padding in Modern skin
Change-Id: Icff2d8503b7bf74e535e10e461773dbcf2c14524
2012-12-05 12:42:24 +05:30
pginer
4edd874d2e Visually connect input language and available methods.
Adds a tooltip-like panel to clearly indicate that input methods displayed
are related to the input language selection.

Change-Id: Ib4e9bca48f1f18cfd09a32c25f7ebf404af228e8
2012-11-22 14:01:20 +02:00