Commit Graph

136 Commits

Author SHA1 Message Date
jenkins-bot
9b3c20af30 Merge "Remove useless style rule" 2016-05-30 09:35:24 +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
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
f6d06d9500 Remove useless style rule
Grid overrides the margin, so this had no effect.

Bug: T136273
Change-Id: I1f079eaf25c4798fe920cba9a97f56f6d5e307c6
2016-05-26 11:48:23 +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
5dc797617d Remove ext.uls.buttons
All users of this module have migrated to mediawiki.ui or equivalent.

Change-Id: I5579c012807d31fceb51b7ce0e687a128c791d72
2016-05-24 10:18:28 +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
aca1545513 Compact links: The trigger kept pressed while the panel is open
Bug: T70078
Change-Id: Iaac9d7f2a5ec5da049b2b4c8e88a9f0bc2a91bda
2016-04-22 07:11:33 +02:00
Santhosh Thottingal
cac3e709de Compact links: Add png background image for trigger
Converted the css to less file too.

Change-Id: I2f01c170336b0d19f0dbac10ebd9a3eac769d104
2016-04-19 14:23:04 +02:00
Santhosh Thottingal
62d05ed78d Update compact language links icon
Changed the background-size of the icon from 17px to 18px

Bug: T131912
Change-Id: I46977bcfac216b48648ee186ec0fda13f8262a0d
2016-04-19 15:44:14 +05:30
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
Santhosh Thottingal
d5f6930cb4 Correct the position the arrow of selector and add shadow
The pointer arrow of the ULS was not aligned with the 'x more' trigger
and it missed shadow. This commit fixes it.

Notably, we replace the old arrow with a box rotated 45 degree so that
we can apply the shadow very easily.

Bug: T130633
Change-Id: I4d36f3ee9fcfea932e10208518a03e7b246a7abe
2016-04-06 09:43:39 +02:00
Santhosh Thottingal
c3ea89d9d9 Compact links: Add margin to the bottom of n more button
Bug: T130633
Change-Id: I51e68c67d307c9baf331a407e173223e3bff6def
2016-04-05 06:14:05 +00:00
Ed Sanders
b745fe4f6c Use background-image-svg mixin for SVG/PNG fallbacks
Change-Id: I00266b088b16fa749f3ee59d9ce4890ed025c887
2016-01-25 18:35:39 +00:00
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