bryce/jquery.uls
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update OOUI icons (#336)

Browse Source 
Fixes #335
This commit is contained in:
Ed S
2019-05-03 07:55:06 +01:00
committed by Santhosh Thottingal
parent 07c50eeb54
commit 4638e843a3
10 changed files with 23 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
css/jquery.uls.css
View File

@@ -74,7 +74,7 @@
display: block; display: block;
position: absolute; position: absolute;
left: 0; left: 0;
opacity: 0.8; opacity: 0.5;
} }
.uls-search-input-wrapper { .uls-search-input-wrapper {
@@ -110,13 +110,14 @@
} }
.uls-languagefilter-clear { .uls-languagefilter-clear {
background: url( ../images/clear.png ) no-repeat left center; background: url( ../images/close.png ) no-repeat left center;
/* @embed */ /* @embed */
background-image: linear-gradient( transparent, transparent ), url( ../images/clear.svg ); background-image: linear-gradient( transparent, transparent ), url( ../images/close.svg );
background-size: 15px; background-size: 15px;
cursor: pointer; cursor: pointer;
height: 15px; height: 15px;
width: 15px; width: 15px;
opacity: 0.7;
/* Vertical margins: (32 - 15) / 2 */ /* Vertical margins: (32 - 15) / 2 */
margin: 8.5px 5px; margin: 8.5px 5px;

3
examples/resources/demo.css
View File

@@ -5,14 +5,11 @@ body {
} }
div.navbar { div.navbar {
background-color: #333;
color: #fff;
padding: 20px; padding: 20px;
} }
span.uls-trigger { span.uls-trigger {
float: right; float: right;
cursor: pointer; cursor: pointer;
color: #fff;
font-weight: bold; font-weight: bold;
} }

BIN
images/clear.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 179 B

1
images/clear.svg
View File

@@ -1 +0,0 @@
<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" width="12.52" height="12.52"><rect width="1.688" height="16.018" x="-.844" y=".844" transform="rotate(-45)" fill="#555"/><rect width="1.688" height="16.018" x="8.009" y="-8.009" transform="rotate(45)" fill="#555"/></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 298 B

BIN
images/close.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 258 B

8
images/close.svg Normal file
View File

@@ -0,0 +1,8 @@
<?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>
close
</title>
<path d="M4.34 2.93l12.73 12.73-1.41 1.41L2.93 4.35z"/>
<path d="M17.07 4.34L4.34 17.07l-1.41-1.41L15.66 2.93z"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 273 B

BIN
images/language.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 721 B

After

Width:  |  Height:  |  Size: 447 B

7
images/language.svg
View File

@@ -1,4 +1,7 @@
<?xml version="1.0" encoding="UTF-8"?> <?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20"> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
<path d="M20 18h-1.44a.61.61 0 0 1-.4-.12.81.81 0 0 1-.23-.31L17 15h-5l-1 2.54a.77.77 0 0 1-.22.3.59.59 0 0 1-.4.14H9l4.55-11.47h1.89zm-3.53-4.31L14.89 9.5a11.62 11.62 0 0 1-.39-1.24q-.09.37-.19.69l-.19.56-1.58 4.19zm-6.3-1.58a13.43 13.43 0 0 1-2.91-1.41 11.46 11.46 0 0 0 2.81-5.37H12V4H7.31a4 4 0 0 0-.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 0 0 5 10.7a17.19 17.19 0 0 1-5 2.1q.56.82.87 1.38a23.28 23.28 0 0 0 5.22-2.51 15.64 15.64 0 0 0 3.56 1.77zM3.63 5.33h4.91a8.11 8.11 0 0 1-2.45 4.45 9.11 9.11 0 0 1-2.46-4.45z" fill="#54595d"/> <title>
language
</title>
<path d="M20 18h-1.44a.61.61 0 0 1-.4-.12.81.81 0 0 1-.23-.31L17 15h-5l-1 2.54a.77.77 0 0 1-.22.3.59.59 0 0 1-.4.14H9l4.55-11.47h1.89zm-3.53-4.31L14.89 9.5a11.62 11.62 0 0 1-.39-1.24q-.09.37-.19.69l-.19.56-1.58 4.19zm-6.3-1.58a13.43 13.43 0 0 1-2.91-1.41 11.46 11.46 0 0 0 2.81-5.37H12V4H7.31a4 4 0 0 0-.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 0 0 5 10.7a17.19 17.19 0 0 1-5 2.1q.56.82.87 1.38a23.28 23.28 0 0 0 5.22-2.51 15.64 15.64 0 0 0 3.56 1.77zM3.63 5.33h4.91a8.11 8.11 0 0 1-2.45 4.45 9.11 9.11 0 0 1-2.46-4.45z"/>
</svg> </svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 685 B

After

Width:  |  Height:  |  Size: 717 B

BIN
images/search.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 709 B

After

Width:  |  Height:  |  Size: 364 B

9
images/search.svg
View File

@@ -1,4 +1,7 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?> <?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" id="Layer_1"> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
<path d="M16.4 16.4c1-1.2 1.6-2.7 1.6-4.4 0-3.9-3.1-7-7-7s-7 3.1-7 7 3.1 7 7 7c1.2 0 2.3-.3 3.2-.8L17 21c1.4 1.4 2.5 1.5 4 0l-4.6-4.6zM6 12c0-2.8 2.2-5 5-5s5 2.2 5 5-2.2 5-5 5-5-2.3-5-5z" id="path3" fill="#555"/> <title>
search
</title>
<path d="M19 17l-5.15-5.15a7 7 0 1 0-2 2L17 19zM3.5 8A4.5 4.5 0 1 1 8 12.5 4.5 4.5 0 0 1 3.5 8z"/>
</svg> </svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 353 B

After

Width:  |  Height:  |  Size: 258 B