Commit Graph

118 Commits

Author SHA1 Message Date
Santhosh Thottingal
91eff55c8c Revert "Update inputs to use mw-ui styles"
This reverts commit 30d26a4fd2.

Some issues in this patch were identified, see T52599.

Reverting so that MLEB can be released and issues fixed and
tested properly after the release.

Change-Id: I35c1eb2db5ead8ca75dc2724997d789c83c69b6d
2015-03-30 07:20:23 +00:00
Evan McIntire
30d26a4fd2 Update inputs to use mw-ui styles
Replaces many of the styles with the new standard ones in mw-ui, which is
present in v1.22 of Mediawiki, the current lowest supported version of
ULS.

Might require a follow-up to reduce the amount of redundant CSS present

Bug: T52599
Change-Id: Id186ece6513f154e0388bc4170c21bdabb59038a
2015-03-19 08:51:31 +00:00
Divya
ee94df2890 Margin below disable input tools button
Fixed bottom rule to extend within dialog

Bug: T1169
Change-Id: If15c52e2c06c2c267f6599bd40e147e095896e80
2015-01-08 12:24:00 -05:00
Niklas Laxström
314e1c8c28 Update bugzilla references to phabricator and remove some excess links
Change-Id: I2cb920fd084a1ab333678e1e3c8f4524b39cc6cd
2014-12-06 22:09:23 +00:00
jenkins-bot
bd2219c94a Merge "Compact Links: Redesign the more languages button" 2014-12-01 09:04:49 +00:00
Niharika Kohli
bdb7b9c3d3 Compact Links: Redesign the more languages button
Change-Id: Ie4d1cb5bf89ac47bac141b0f5a83452cfa9a0783
2014-12-01 14:32:31 +05:30
Amir E. Aharoni
b0db2471dc Remove font-size for panel buttons
This fixes the Monobook tiny font issue described in Bug 65516,
and as far as I can see in my testing, it doesn't affect Vector.

Bug: 65516
Change-Id: I910e3ed7cb26fa20fcb371e5baae56edc76ffed2
2014-11-13 17:02:12 +02:00
Matmarex
ca22568a1d Revert "Workaround for border-radius due to bug 49074"
This reverts commit 979c2da418

Will not be necessary after I22bc777b is merged in core.

Bug: 49074
Change-Id: Iac9e78b845c270cbdf36e982d5c7feb697e39a9a
2014-09-29 15:48:57 +00:00
Federico Leva
b8517a2a1d Replace #p-lang-list for monobook as well
Followup to I154919a54b032dd481fe080204a2a16819d85140

Change-Id: Ibbfccfe2300f10808a45ee2bb1ecb45dcf3eb079
2014-06-12 13:42:30 +00:00
jenkins-bot
eb600dfbee Merge "Replace #p-lang-list with #p-lang .body ul" 2014-05-23 09:31:54 +00:00
Amir E. Aharoni
50f6bdce29 Replace #p-lang-list with #p-lang .body ul
The #p-lang-list id was removed from core (I028880cfa),
and this broke the compact links beta feature.
This commit replaces it with a different selector.

Change-Id: I154919a54b032dd481fe080204a2a16819d85140
2014-05-22 13:17:15 +00:00
Santhosh Thottingal
e3a480205c Update the class names per update jquery.uls lib
jquery.uls renamed settings-block class to uls-settings-block.
Similarly icon-close to uls-icon-close

Change-Id: I39005ef2425c01b8623bf9df6d75c1e27f1c5bda
2014-05-22 11:27:08 +00:00
jenkins-bot
0ce681da63 Merge "Reduce line-height of possibly broken "200 more languages" label" 2014-03-25 12:46:22 +00:00
Niklas Laxström
cfe5f234b6 Remove prefixed border-radius rules
Inspired by I52f987ddcef

Change-Id: I637d7739b1d0b18b3970a15ce7d6b677b7862707
2014-03-22 17:57:07 +00:00
Thiemo Mättig
9a5ca12d2a Reduce line-height of possibly broken "200 more languages" label
Depending on the browser, skin, zoom and language the "200 more
languages" label breaks into two lines. The line height is so big
that it looks like "200 weitere

Sprachen" in German. The margin to the top (where the [...] button
is) and to the bottom (where the Wikidata "Edit links" link is) is
much smaller than the line-height.

My additional margin is choosen in a way that the design is still
pixel perfect if the text fits in one line.

Change-Id: I2fd797998a4f4e72a3764a72873f1356efc0dfb3
2014-03-22 17:47:24 +01:00
Niharika Kohli
5ca0d5d400 Compacting the interlanguage links with the ULS
Displays a shorter version of the language list with the languages that are more relevant to you.
More info at https://www.mediawiki.org/wiki/Universal_Language_Selector/Design/Interlanguage_links

Due to a problem with duplicate patchsets we had to create a new one. 
The history and info on code and security revisions is available at
https://gerrit.wikimedia.org/r/#/c/104793/

Change-Id: I109bfb10f6181b6408aab170db5e8ca32493d657
2014-03-04 09:41:47 +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
Niklas Laxström
c7edc4db7e Remove -moz-linear-gradient
This does not have much effect on the gzipped payload, but it still
makes the modules look big and (I assume) take space in the local
storage.

This prefix is not used by current versions of browsers, so the only
change is that some users with old browsers get bitmap images instead
of vector images.

Instances where -moz-linear-gradient is used with colors were left in,
as were the instances in upstream libs.

Change-Id: I1515c53955467eb21c8ed70e46aecc61ab4718c2
2014-01-23 21:55:25 +00: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
Santhosh Thottingal
1113786330 Detect tofu before applying any default fonts
To detect whether the client can render a given string,
use a tofu detection algorithm.

If the user has an explicit font preference, do not override it.

If the user has no preference and there is a default font for a
language, see if that language can be rendered at the user's browser
using tofu detection.

If tofu is detected, apply the font.

If the element has 'autonym' class, apply Autonym font only when
that language has tofu.

Change-Id: Ib9ee9497e6bcfa7eb86f7d264e0980d8880d6b70
2014-01-20 22:20:58 +05:30
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
Amir E. Aharoni
27935fb034 Apply Autonym only to class interlanguage-link
This depends on Ia995f89504d19ac281d55e0c19c51c9dc6442d8e .

Change-Id: I2ea915f4e1d01649bf91a13288b73c731dd64f6c
2013-11-25 17:51:29 +02:00
Amir E. Aharoni
d2522e40dc Avoid duplicate html ids for the settings panel triggers
Bug: 57353
Change-Id: I144b7612639147fc96ef1506c454954d605958e9
2013-11-21 16:31:44 +00:00
Santhosh Thottingal
277b0db94d Visual indication while saving the settings
* Button label change to "applying changes"
* Button become disabled
* Cursor changes to "progress"

Bug: 53772
Change-Id: I1de459590ea9b357965a73f274d566eba8c04482
2013-11-21 14:52:48 +05:30
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
Santhosh Thottingal
3af403fee5 Make the cancel and apply button applicable for all modules
If a user does changes in module A, does not save or cancel,
goes to module B, does some changes, moves to other modules,
and finally presses Apply, all changes should get saved.

Similarly, if a user cancels, all changes should get cancelled.

This required moving the cancel and apply button outside of modules
and managed by the language settings framework.

Modules get mw.uls.settings.apply or mw.uls.settings.cancel triggers
to do whatever they want to do on apply or save.

Includes some refactoring related to this.

Bug: 53256
Change-Id: I7d773d33a980a78604b36e39bf96a5686870124e
2013-09-02 17:03:13 +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
Niklas Laxström
da1baaf663 Help links for input settings
Bug: 42373
Change-Id: I30c8d6cbe916ac026ad70974755942c5bbea7162
2013-07-15 11:08:17 +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
jenkins-bot
f16c42ef71 Merge "Workaround for border-radius due to bug 49074" 2013-06-04 13:08:24 +00:00
jenkins-bot
c3ee636c17 Merge "Hide ULS trigger from unsupported browsers" 2013-06-04 10:34:15 +00:00
Niklas Laxström
0c53c38304 Hide ULS trigger from unsupported browsers
For position=sidebar, the dummy "in other languages" section is
visible in the same manner as it is to browsers without JavaScript.

Bug: 49028
Change-Id: I931a2e904b37c754f63bfe5feb2d98bfe6c2747b
2013-06-04 10:26:57 +00:00
Pau Giner
62385075c7 (bug 49106) Keyboard icon misaligned in Firefox
Fixed positioning to avoid the use of float which was problematic in Firefox.
The current solution uses absolute positioning.
Extra padding has been added to the label next to it to avoid the text to overlap.

Change-Id: I82c69fa524f05262b60928fc4ba09104c6d05c2c
2013-06-04 11:40:56 +02:00