Commit graph

23 commits

Author SHA1 Message Date
jenkins-bot 60c59736da Merge "Replace raster image gradients with CSS where easily applicable" 2019-10-01 21:52:23 +00:00
Volker E 0e0d77fef3 Replace raster image gradients with CSS where easily applicable
Replace raster image gradients (before base64 embedded) for modern
browsers by CSS gradients. Only relying on conventional image URLs
in browsers that don't support linear-gradient.
Also
- adding a darkened border for inactive tabs to harmonize visual
  perception of border as one continuous line and
- DRYing tab separator selectors, saving ~8 bytes gzipped.

Bug: T63099
Bug: T121730
Change-Id: I76d32b84ddff06a2c7ef983e6f89ca6e74257a67
2019-10-01 14:24:07 -07:00
Volker E 5ed9bf8be6 Replace portal break image by SVG gradient
Replace raster image gradients (before base64 embedded) for modern
browsers by CSS gradients. Only relying on conventional image URLs
in browsers that don't support linear-gradient.
Also updating color to Wikimedia Design Style Guide color and
removing obsolete *-ltr/*-rtl images that have been introduced in
MW core 1.16.0beta1 but have been replaced by unified 'portal-break'
image afterwards.

Bug: T63099
Bug: T121730
Change-Id: Id0ab5eb7d4a5751316ce750aff2dffbda62f6b09
2019-10-01 19:39:34 +01:00
Timo Tijhof 9cf7901ec9 Remove @embed page load delays (and misc optimisations)
* page-fade:
  Remove redundant 'background-image' PNG fallback for
  IE6-8 in '#mw-page-base' because the vertical-gradient() already
  creates a solid fallback color which seems good enough for IE6-8.

  Remove the 'background-color' rule which was only there to fill
  the gap above the the IE6-8 PNG image fallback, which in turn
  overrode the background-color rule from vertical-gradient.
  The background-repeat rule is also redundant with background-image
  gone.

* watch-icon-loading:
  This is only used when the JS code is active and the user
  clicks the watch star. It does not need a PNG fallback, as it
  is only needed in Grade A browsers where the JS executes,
  which are expected to support SVG.
  Also removed the embedding as the rendering of article text
  on page load should not be delayed by an icon that might
  be used if and when the user clicks on the watchstar (and
  irrelevant to logged-out users).

Bug: T121730
Change-Id: Ief4b80432fbe2ce7ebddf429f02c161048ed61d1
2019-09-27 18:03:25 +01:00
Volker E f4e6acb206 Remove falesly introduced RTL version of 'search' icon
It's not useful to mirror it for RTL languages, as it's a real world
object metaphor and is held in right hand for most users, no matter
what language. Sorry, left-hand users. Unify with Design Style Guide
search icon treatment.

Bug: T228435
Change-Id: I9ff688e4be801779a84b1026ca57cfb50209b53d
2019-07-18 11:22:31 -07:00
Volker E 835bfa785f Update list bullet icon
Removing IE 6-8 fallback treatment and only provide SVG as
`list-style-image`. Also updating SVG fill color to use
text color.

Bug: T220327
Bug: T220328
Change-Id: I50ed85e420d6158e9ace5d879b6cf218a6a591b9
2019-04-07 23:08:38 -07:00
Volker E 221b0b165a Remove obsolete Special:Preferences styles after its transformation to OOUI
These removed styles match no elements in the
Special:Preferences page since the OOUI transformation.

Bug: T208923
Change-Id: Iccbdcea5d5f769edfd8640c536e31289da9ee954
2018-11-07 12:50:57 -08:00
Volker E 7cbccd37a6 Update user avatar icon
Updating user avatar icon to overhauled standard WikimediaUI icon.
Also:
- change `line-height` of personal menu to `14px` for better positioning
  and introducing corresponding LESS variables
- slightly increase user avatar icon to be on par with ULS one
- putting avatar icon within link on active user, an awful user experience
  that has long bugged me.

Bug: T123810
Change-Id: Iabde041090a87968b5f82e36fd81419083f80984
2018-10-09 12:39:35 -07:00
Volker E f769c088b9 Optimize SVGs and align to WikimediaUI color palette
Optimize and unify markup of SVGs and align to
WikimediaUI color palette where easily applicable.
Also removing three unused image files.

Bug: T153043
Bug: T178867
Change-Id: Ied457ef84357374e66db9e1936ce1b754d53cfdb
2017-10-24 01:18:07 -07:00
Volker E e2c9a585e4 Bring menu tab appearance closer to standard widgets
Bringing appearance and behaviour closer to standard widget like
DropdownWidget:
- Amending color to be (closest) aligned to WikimediaUI color
  palette, but switch normal and `:hover`/`:focus` state in order not
  to be too disruptive of a change and align with rest of Vector tabs,
- removing obsolete JS functionality as IE 6 as only major browser
  affected does receive the menu items as tabs nonetheless and replacing
  with simple CSS selector,
- removing unnecessary and obsolete images and
- Lessifying selector

Bug: T153043
Change-Id: Ia15480162bb8f923d0e9b6e42ca90c2c880978de
2017-10-19 23:24:15 +00:00
Fomafix 0ce7fe792e Use tabs instead of spaces for indenting
Change-Id: Id88ed98763265f0eea75514e52fbd0f546ef72b4
2017-03-25 14:56:54 +01:00
Ori Livneh cbad669fa5 Compress PNGs with zopflipng
Zopfli is the most efficient DEFLATE compression algorithm, trading run-time
performance for file sizes that are typically 3-8% smaller than those produced
by zlib with the maximum compression setting. Its output is Deflate-compatible,
so no specialized decoder is needed.

This change was created by running zopflipng against all the PNG files in this
repository. The exact invocation was:

  git ls-files --exclude-per-directory=.gitignore -- '*.png' \|
    parallel zopflipng -m -y --iterations=1000 --filters=01234mepb {} {} \;

Files which zopflipng was not able to compress more efficiently were left unmodified.

Change-Id: Iffb64007f312cc3afcd335a636847d42648b10f5
Task: T127608
2016-02-20 20:35:56 +00:00
Michael Holloway 37812d74ac Increase transparent background canvas of external link icons
The external link icon looked uncomfortably close to the following
character in the unusual situation in which the following character
was a quotation mark or something other than a period.  This gives it
just a bit more breathing room.

Bug: T121002
Change-Id: Ib907368fda77df044fe6a1e17870a7c0c2542f8e
2015-12-29 13:16:41 +01:00
paladox eea9966d5c Add SVG version of bullet-icon and use .list-style-image-svg()
* Adds bullet-image.svg

* Depends on I09319e9188878c in MediaWiki core

Edokter idea.

Bug: T37338
Change-Id: If380fcca663859d1bb688bb621c267b815b3e21a
2015-02-12 23:00:10 +00:00
Bartosz Dziewoński 32eaf1b209 Revert "Add svg image of bullet"
Turns out this doesn't actually work well. Who'd have thunk?

This reverts commit a6235ceb88.

Bug: T37338
Change-Id: I3dcb8e8453a110d2b631711057712ac858dc42c1
2015-01-19 09:51:27 +00:00
paladox a6235ceb88 Add svg image of bullet
* Adds svg version of bullet.
* It has a hack in css so that png will be targeted at ie 8 or lower.
* There was no way around it since list-style-image carnt be used twice. The hack adds \9 to end of png file.

Edokter suggested to use \9

Note this has been tested

Bug: T37338
Change-Id: I795c31a68c383b8fc4557ee00312a5b1aecd09a3
2015-01-11 17:27:13 +00:00
Reedy 03ef4d392d Change to unix eol style
Change-Id: I97b87ae82017e7c49553831fdc05d58324ece947
2014-12-24 12:31:09 +00:00
Legoktm 6cbbb23cde Revert "Replace desktop watchstar icon with mobile skin one"
Based on the discussion on T56307, this change is controversial
and not necessarily wanted. In summary:

* Green star looks out of place with blue Vector (Edokter, Esanders, Trevor)
* Clashes with WikiLove heart icon (Edokter)
* Flat design doesn't fit with Vector's gradient style (Rillke)
* Green means constructive in MediaWiki UI, however clicking the
  green star removes a page from your watchlist (Krinkle)

This reverts commit 56825d209e.

Change-Id: I46f75a0eb83f9643fc0b51befe02aad4a84efc4e
2014-12-16 18:22:27 +00:00
m4tx 56825d209e Replace desktop watchstar icon with mobile skin one
Also, replaces the old animation with the same as in the mobile skin.

Bug: T56307
Change-Id: Ida98e080dd26b0354884eee2af3269c6228e3a75
2014-12-08 23:04:22 +00:00
Bartosz Dziewoński c85c4ee1ae Revert "Add svg version of bullet-icon"
The generated CSS is invalid, as you can't have multiple
list-style-images (unlike background-images). Browsers
either ignore the invalid properties with linear-gradient
and use non-embedded PNG fallback (Chrome, Firefox, modern
IE), or accept the properties but ignore everything after
the comma, using the fully transparent gradient (Opera). 

This reverts commit 32e65050a6.

Change-Id: I46abf1502c1e4e3dfe03f0c17c553b9fe7fe007d
2014-09-13 13:10:56 +00:00
paladox 32e65050a6 Add svg version of bullet-icon
* This add support for bullet in svg.

Note: This requires Iffff2bc52e1572e661930242ad15937bc83abace to be
approved

Note: This has been tested by me.

Change-Id: I5196952088e584d3121600e9e829647e8c195bbb
2014-09-12 23:27:55 +00:00
Rob Moen 8d1ca663d6 Make profile icon gender neutral and remove from login link in Vector
See https://trello.com/c/NbPpjduW/565-update-user-icon-in-vector

Bug: 41484
Bug: 45056
Change-Id: I62c9aef54bde85c236bf8b2fb0458b4a3fe0dcf2
2014-09-12 12:29:29 -07:00
Bartosz Dziewoński d28f09df31 Move Vector skin from core
This is the final step of the process described at
<https://www.mediawiki.org/wiki/Separating_skins_from_core_MediaWiki>.

Corresponding core change: Idfc38503.

Change-Id: I84fcf7ce6385b8323544cafe6912a00f1886d20d
2014-08-07 13:38:34 +02:00