Commit Graph

187 Commits

Author SHA1 Message Date
Isarra
3ef282de00 Set a relative size for the pt-uls icon and padding so it scales properly
Instead of background-size:containing to the relative font size, but with
fixed horizontal space for it due to the padding, set both the padding and
background-size to use ems instead of px so both scale properly.

Tested in modern, cologneblue, monobook, and vector with no visible issues.
Resolves issue with icon being too large on timeless. Does not appear to
affect minerva, as that just handles it all another way.

Change-Id: Ibcea827fe15ee50c947e9c0de1e6cf053e299033
2019-09-07 11:36:34 +00:00
Volker E
78b30ddae7 Decrease opacity and add :hover transition
Follow-up to https://github.com/wikimedia/jquery.uls/pull/335.

Change-Id: I83f2e8b0fd23a6a989b16009d2c138383320067f
2019-06-12 05:16:51 +00:00
Niklas Laxström
4e5a1d2173 Remove extra empty line in css
Change-Id: I05245d755423e2ed4d7642e68c35d0d9662d728b
2019-01-09 09:06:42 +01:00
Ed Sanders
7bf345669a build: Update linters
eslint-config-wikimedia      0.8.1  →   0.9.0
 stylelint-config-wikimedia   0.4.3  →   0.5.0

Change-Id: I0f55e743c2f38bb8910931c3989a6516e0527703
2018-12-10 14:24:24 +00:00
Volker E
e55d85453a Apply background-color of header for callout arrow
The callout has been carrying the wrong color for the elements it's
applied to.

Change-Id: Ifedc21f4686b94f368c3a41eed1d3e35b467d635
2018-11-26 06:08:25 +00:00
Volker E
aa15e2eda3 Update 'help' icon to standard
Bug: T90414
Change-Id: I3906d452bacb312dd6c97118ad5bf34168fe1da7
2018-11-21 06:47:31 +00:00
Niklas Laxström
d3cd069f7e Correct alignment of cog in interlanguage links in Vector skin
Bug: T162381
Change-Id: Ieaa75507d9c73eccbadc03d915bb7107e728fe0f
2018-09-17 18:44:47 +00:00
Bartosz Dziewoński
f0ad6be4ab Avoid reflow (FOUC) due to ULS link on Special:Preferences
Rather than building the link in JS, which is delayed until the JS
code loads, we build it in PHP and hide it from no-JS users with CSS.

Change-Id: If0c3a4dc137d8bf6cf24957dd063bd0a39791d2e
2018-09-09 10:52:17 +00:00
Santhosh Thottingal
c818cf2800 Remove temporarily forced postcss-less version
postcss-less issue is now resolved and new version released.
Also a spacing related error is fixed

Change-Id: I0d768d29d2003fb4373436d957efcf0cec84286f
2018-03-27 16:13:32 +05:30
Niklas Laxström
fca9b5c0e6 Make ULS trigger and settings more keyboard accessible
It's now possible to tab to "display settings" and "input settings"
and access them with enter or space. Also escape can now be used
to close the settings screen.

The ULS trigger in interlanguage position is a button to get
native accessibility features.

Also removed `mw.hook( 'mw.uls.settings.open' ).fire( 'uls' );` as
it didn't seem very useful and there wasn't immediately obvious
place to put it. The existing click handler could be removed because
the settings dialog themselves place event listeners.

The patch is a bit longer than strictly necessary because the CSS
was mess (rules in different modules, poorly organized) and I had
to bring related rules together to understand them.

Bug: T52793
Change-Id: Id37c2665b1c97b81ef57be27a1abfae0db6b34d5
2018-02-12 17:57:04 +01:00
Santhosh Thottingal
75e80446cb Reduce the padding for ULS trigger icon in personal toolbar position
Bug: T175769
Change-Id: I49b533fd7adbbd5baa8dbbb0b0c6670ab8d1e692
2018-02-12 12:57:39 +05:30
Santhosh Thottingal
453a4458e6 Update jquery.uls to 3161b34
* language-data update: Add Western Armenian to known languages
* Stop rendering languages twice on initial display
* Style adjustments for no-results
* package.json: maintenance updates
* Localisation updates

In addition to the jquery.uls update, this patch contains local
style customization for no-results view as specified in T175235.

Bug: T175235
Bug: T185086
Change-Id: I51645554413dbaa80e02fec8f9115f4de409fb06
2018-02-06 08:17:20 +00:00
Santhosh Thottingal
fd7b9ec652 Update jquery.uls to d122f37
* Do not group search results by region
* Replace ULS trigger icon with monochromatic one
* Custom no-results message support
* Upgrade jquery in the example to 3.2.1
* Use .siblings to locate the suggestions, clear elements for efficiency
* Removing assigned ids to elements that are not guaranteed to be unique
* Use eslint and stylelint, fix all errors

Update the language icon in ext.uls.pt module with new monochromatic one
Also use custom style for monobook skin.

Bug: T182539
Bug: T175769
Change-Id: I7341064cd0de367d933048c4800f951568747d11
2018-01-30 15:10:01 +05:30
Volker E
e3ad0f3be5 Move “Language settings” dialog headline up
Moving “Language settings” dialog headline up to put on a
virtual line with ToggleButton and apply `#000` to it as
dialog titles elsewhere.

Bug: T175295
Change-Id: Id2d7a7b90996ec7be96e8bafd7bbe78eb8f0e1c9
2017-12-01 05:03:43 +00:00
Ed Sanders
447c09d462 build: Update linters
Change-Id: I45540db95711b461ded3630894bd1f149c24ff19
2017-11-29 15:02:47 +00:00
Volker E
8291331f5e Replacing left-over #565656 with WikimediaUI palette color
Another remainder.

Change-Id: Icfa93be50f7b6fa868dd554fd1d8967b9c5bd9e9
2017-11-02 00:35:48 -07:00
jenkins-bot
5c8b77d35a Merge "Introduce CSS class to enable lower specificity style overrides" 2017-11-02 06:12:34 +00:00
jenkins-bot
d9e3455f4b Merge "Replace settings block rounded gradient with color" 2017-11-02 06:06:21 +00:00
Volker E
8605fa8bf3 Introduce CSS class to enable lower specificity style overrides
Making `#language-settings-dialog` carry the same CSS class
`.language-settings-dialog` to be able to override it in theme styles
more sanely. Follow-up to Id9c8652820641d6.

Bug: T175295
Change-Id: I1aa69f8701ed6d6cb2ed59cabf11332f2a10d21f
2017-11-02 07:40:39 +05:30
Volker E
31477ad0ec Replace settings block rounded gradient with color
Replacing vertical background gradient with single color, as no
faux 3D gradients are part of current style guide.

Change-Id: If98a6cb22a9551a5d69d782759eadd5cec7e0efc
2017-11-01 13:38:52 -07:00
Volker E
cddc280c20 Align .mw-ui-pressed to OOUI's active button state
Aligning `.mw-ui-pressed`, which is only available in ULS
to OOUI's active button state. It features an Accent10 blue border
for a cleaner appearance.

Change-Id: I147547cab74de2d84fb88d6e232b08fc8c4f4907
2017-11-01 12:48:55 -07:00
jenkins-bot
45d4fa628f Merge "Replace color with normal text color" 2017-10-10 17:07:25 +00:00
Volker E
2685cfaea0 Use WCAG level AA conforming WikimediaUI color
Applying WCAG level AA conforming WikimediaUI color `#54595d`
instead of library out-of-box one.

Change-Id: I6cbce473f1235bb29dac95e8129445e8bf0a8c20
2017-10-09 19:52:10 -07:00
Volker E
3742e335ec Replace color with normal text color
Replacing color, which is used for `:hover` text with normal
running text color `#222`.

Change-Id: Ib328b71c7f5ef1e89d2e516ccbdc68b6fdd570b0
2017-10-09 19:12:53 -07:00
Volker E
9333db6328 Align box shadow and colors to WikimediaUI Style Guide
Aligning `box-shadow` and `color` values to WikimediaUI Style Guide
defaults.

Bug: T175295
Change-Id: If5f75e57081112c4ce60b04a1061aeae48c25353
2017-09-20 00:33:11 -07:00
jenkins-bot
5270ee4b06 Merge "Follow core base font-size in Vector" 2017-09-08 09:00:12 +00:00
Volker E
31a8422a0c Follow core base font-size in Vector
Following core base font-size of `0.875em` in Vector to align with
other elements on the page.

Bug: T175295
Change-Id: Id9c8652820641d6fa1c6b1dd06247967ba649f25
2017-09-07 18:48:01 -07:00
Volker E
7e228ecb02 Use consistent close icon
Using close icon of WikimediaUI icon collection, which is also
already in use by OOUI.

Bug: T50067
Bug: T175295
Change-Id: I83e435a7215708c5a5eae77eeca29632ed64f608
2017-09-07 16:54:26 -07:00
Volker E
dc99a4eb80 Align border-radius values with WikimediaUI
Aligning `border-radius` values with WikimediaUI design, which
sets value to `2px`.

Change-Id: I7fd7bc5290fe781bfa02c3d5b74071b68cb22660
2017-09-07 06:43:55 +00:00
Volker E
fd0bb2600b Replace outdated colors with WikimediaUI palette ones
Replacing all colors with current WikimediaUI palette ones.
Also:
- changing two files over to LESS in order to
 - make use of central gradient mixin instead of one with
   unnecessary vendor extensions and
 - concatenating selectors in one occurrence.

Bug: T174237
Change-Id: I5d302f29b079f6abdba5abf3b58d6ba254e1a4ac
2017-09-06 13:04:00 -07:00
Isarra
86c636fd0a Fix directionality of ULS CLL and languageselect callouts
when appearing on right side of screen

Languageselect was mostly fixed in 354378, but I forgot the
settings ones, so the triangle just disappears when
switching dialogs currently. This follows up on that and
properly fixes it.

Sidebar callouts now appear toward content regardless of
where they're appearing from, or the language
directionality. Triangles are now consistently alligned to
the top of the callout (same position in languageselect and
compact language links) to avoid issues with it appearing
over a scrollbar.

Sideways callout triangles (carets) are consolidated into a
single rendering approach and mixin across compact language
links and toolbox language selector.

Bug: T161586
Change-Id: I7717e26525ac527ede486796f49083ed40ee7d4f
2017-08-10 23:48:34 -04:00
Isarra
1d395d4966 Determine callout directionality based on position as opposed to language
For interlanguage toggle, interlanguage position is no longer assumed to be a
left sidebar, and is determined on the fly in order to appear correctly
regardless of where it is, and not go off the side of the page. This works
across most skins, and regardless of language directionality.

Does not necessarily resolve issues with interlanguage links appearing in the
middle of the page (header/footer), or the callout just plain not fitting for
other reasons (mobile devices).

bug: T161586
Change-Id: Icd55498a945e12c0ff79ba891c094d60ce791115
2017-05-19 04:55:24 +00:00
James D. Forrester
16db940d1f build: Bump stylelint and make pass
grunt-stylelint              0.6.0  →   0.7.0
 stylelint-config-wikimedia   0.3.0  →   0.4.1

Change-Id: Id87b8df04d415e1f1058a4042a31408236402037
2017-02-17 16:27:15 -08:00
Fomafix
337e0aef8c Move interface styles to ext.uls.interface.css
This change avoids loading of not needed styles for non-JavaScript client.

Change-Id: Ieaca5098181d1e922b940ed339fcee7bad8741b4
2016-11-08 16:46:00 +01:00
Amire80
22c721dd1b Bidi-isolate input method name in the input method selector
Without this isolation the input method name can be shown
incorrectly when its direction is different from the direction
of the "How to use" element.

This only breaks on Firefox; Chrome somehow shows it correctly
without isolation, but isolation makes sense in any case.

Change-Id: I3c906f4fdd259b94f909b36bab91474cae2971af
2016-11-07 08:27:04 +00:00
Fomafix
fda55e2ab1 Integrate ext.uls.nojs into ext.uls.pt
The CSS hiding for non-JavaScript clients is only necessary when the buttons
get added.

Change-Id: I6e43e39d29c093a19f3e8355d657f162f9a62736
2016-09-20 12:22:51 +00:00
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
c00fc12bb6 List of input methods should display only one item per line
Change-Id: Id45fe55fd40ffc99d1712424ecf651573a62e58e
2016-08-12 08:53:53 +02:00
Santhosh Thottingal
26cfea8ef4 Compact language links: Use smaller callout arrow
Uses equilateral triangle with 16px side.

Bug: T138235
Change-Id: If81342876d59e3041d0ea4029e301c3cc76f6641
2016-07-12 12:17:33 +05:30
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
31e41a1559 Merge "Remove border-radius: no border on this element" 2016-05-30 10:51:23 +00:00
jenkins-bot
7294c62c1e Merge "Remove excessive 5% left-padding and replace with consistent padding" 2016-05-30 10:51:20 +00:00
jenkins-bot
4672ba47c9 Merge "Remove unnecessary div specification from style rule" 2016-05-30 10:45:41 +00:00
jenkins-bot
2bf9ebabd8 Merge "Fix the border of font selectors" 2016-05-30 09:39:35 +00:00
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
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