bryce/mediawiki-extensions-UniversalLanguageSelector
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Amend compact links icon to use latest WikimediaUI version

Browse Source 
Also amending `color` & `padding` to be closer to button standard appearance and
increase `margin-bottom` to make “Edit links” link not stick to button.

Bug: T170137
Change-Id: Iabb6abfdb8fa69c9f2634b190cb5fa6c005eb17c
This commit is contained in:
Volker E
2020-11-02 06:53:32 -08:00
parent 79a038f166
commit 8d54c3faf7
3 changed files with 14 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
resources/css/ext.uls.compactlinks.less
View File

@@ -11,16 +11,16 @@
.mw-interlanguage-selector, .mw-interlanguage-selector,
.mw-interlanguage-selector:active { .mw-interlanguage-selector:active {
cursor: pointer; background-image: url( ../images/language-base20.svg );
padding: 4px 6px 4px 25px; background-position: left 4px center;
background-repeat: no-repeat;
background-size: 16px;
margin: 4px 0 8px;
padding: 4px 8px 4px 26px;
font-size: 13px; font-size: 13px;
font-weight: normal; font-weight: normal;
background-image: url( ../images/compact-links-trigger.svg );
background-size: 18px;
background-repeat: no-repeat;
background-position: left 4px center;
margin: 4px 0;
text-align: left; text-align: left;
cursor: pointer;
} }
.mw-interlanguage-selector:active, .mw-interlanguage-selector:active,

4
resources/images/compact-links-trigger.svg
View File

@@ -1,4 +0,0 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24">
<path fill="#72777d" d="M13 19l.8-3h5.3l.9 3h2.2L18 6h-3l-4.2 13H13zm3.5-11l2 6h-4l2-6zM5 4l.938 1.906H1V8h1.594C3.194 9.8 4 11.206 5 12.406c-1.1.7-4.313 1.781-4.313 1.781L2 16s3.487-1.387 4.688-2.188c1 .7 2.319 1.188 3.719 1.688l.594-2c-1-.3-1.988-.688-2.688-1.188 1.1-1.1 1.9-2.506 2.5-4.406h2.188l.5-2H7.938L7 4H5zm-.188 4h3.781c-.4 1.3-.906 2-1.906 3-1.1-1-1.475-1.7-1.875-3z"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 514 B

7
resources/images/language-base20.svg Normal file
View File

@@ -0,0 +1,7 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
<title>
language
</title>
<path fill="#54595d" d="M20 18h-1.44a.61.61 0 01-.4-.12.81.81 0 01-.23-.31L17 15h-5l-1 2.54a.77.77 0 01-.22.3.59.59 0 01-.4.14H9l4.55-11.47h1.89zm-3.53-4.31L14.89 9.5a11.62 11.62 0 01-.39-1.24q-.09.37-.19.69l-.19.56-1.58 4.19zm-6.3-1.58a13.43 13.43 0 01-2.91-1.41 11.46 11.46 0 002.81-5.37H12V4H7.31a4 4 0 00-.2-.56C6.87 2.79 6.6 2 6.6 2l-1.47.5s.4.89.6 1.5H0v1.33h2.15A11.23 11.23 0 005 10.7a17.19 17.19 0 01-5 2.1q.56.82.87 1.38a23.28 23.28 0 005.22-2.51 15.64 15.64 0 003.56 1.77zM3.63 5.33h4.91a8.11 8.11 0 01-2.45 4.45 9.11 9.11 0 01-2.46-4.45z"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 714 B