Aligning SVGs to WikimediaUI color palette, optimizing
by help of SVGO and align markup to each other, among changes:
- unifying XML declaration
- removing `standalone=no` as it's default
- adding `viewBox` attribute for cross-browser compatibility
- removing unnecessary groups and ids where applicable
- unifying identation
- bringing attributes in order
Bug: T178867
Change-Id: Ie7803dd904cee14fa401331e082982794dc0a225
Using close icon of WikimediaUI icon collection, which is also
already in use by OOUI.
Bug: T50067
Bug: T175295
Change-Id: I83e435a7215708c5a5eae77eeca29632ed64f608
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
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 {} {} \;
Files which zopflipng was not able to compress more efficiently were left unmodified.
Bug: T127608
Change-Id: I7f0ef09941cffb964acb3c67ef755e8538904084
Passed with svgo 0.4.2 <https://github.com/svg/svgo>, then prepended
'<?xml version="1.0" encoding="UTF-8"?>' prolog to each file since
svgo sees it fit to remove it and that breaks file type detection.
svgo truncated all numerical values to a maximum of 3 decimal places
of precision.
Applied some additional optimizations by hand (with a text editor or
in Inkscape).
Did not touch upstream-managed SVG files, will submit separate
patches for them.
File size changes:
* cog-sprite.svg: 2,520 → 1,253 bytes – 50.3% smaller
* cog.svg: 17,961 → 1,154 bytes – 93.6% smaller
* display.svg: 2,591 → 1,053 bytes – 59.4% smaller
* help.svg: 1,790 → 674 bytes – 62.3% smaller
* input.svg: 5,515 → 2,092 bytes – 62.1% smaller
* remove-input.svg: 5,956 → 2,208 bytes – 62.9% smaller
Total: 36,333 → 8,434 bytes – 76.8% smaller
Details:
* cog-sprite.svg:
* Use <defs> and <use> instead of duplicating the path data.
* cog.svg:
* Vacuumed defs with Inkscape, there were weird leftovers there.
* input.svg:
* Simplified the shapes.
* remove-input.svg:
* As above. Reused the same path data with a transform to improve
compression when embedded.
Bug: 56292
Change-Id: Iad1771829ba2711e4827befc1c73e34453734640
Reducing the size of the SVG by:
- Simplifying the shape (two anchor points removed)
- Removal of XML attributes not needed (namespace declarations not used, attributes with the default value, etc.)
Change-Id: I3dc810313d1bd9ebd5933a92ee90210cbf6f4fb4
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
Graphic assets have been modified so hat they are of the size at which
they are displayed. This makes them safer for browsers not supporting
background-size property.
Bug: 49107
Change-Id: Ifdce9ff5034e2b11d3e1dd24ac649cb99a151312
The cog icon has been updated to better integrate with the IME menu.
Changes: color, margin at the sides and removal of triangle.
Change-Id: Id03d3bd3c6401a4a9542c12581ad50626e6c959c
Settings text on the main ULS view can grow longer for some languages running out of space.
This change does the following to avoid that:
* Removes setting section explanations and shows them as a tooltip on hover.
* Adjusts style for adjusting space between setting sections.
* Keyboard image has been adjusted to match the display settings image.
Change-Id: I42ec5cb35b3d4df977a6eff28ad55891f4135356
Extend $.fn.uls render method to add additional rendering of display
settings link.
Add css for the new element.
Add display.png icon from the Agora icon set.
Change-Id: I7a29b4892be02526969b0dd786c74bdb7551c074
* Seperating standalone jQuery ULS plugin and extension related code
* lib/jquery.uls can be submodule, but not now.
Change-Id: I7d9cb47daa88dd1a27ceda602a08cab0073caf33
* uses setlang attribute in URL to switch language
* introduced a language filter widget by extending
jquery.ui.autocomplete
* UI rendering is done by using SkinAfterContent hook
Change-Id: Ifa63a04ba1d060b6db8fba14bb868045cf6b97c3
* Basic extension code with i18n
* Adds a link to personal links to trigger ULS
* Core uls javascript code, to plug to the given trigger.
* Qunit, PHPUnit framework in place.
* and lot of TODOs and FIXMEs
Patch set 2:
* A tiny whitespace fix.
Change-Id: I300647a21e0b7f65b7d9dc6101014ea9389c9f2a
