Mirrors/webamp
1
0
Fork 0
mirror of https://github.com/captbaritone/webamp.git synced 2026-07-25 19:13:54 +00:00
Code Issues Projects Releases Wiki Activity

Wrong character mapping in skinSprites.ts (#1008)

Browse source 
* Fix sprite character mapping

* yarn compile-skin

* Update snapshots

Co-authored-by: Jordan Eldredge <jordan@jordaneldredge.com>
This commit is contained in:
horsemankukka 2020-08-26 20:46:31 +03:00 • committed by GitHub
parent 09758dad7d
commit b8cb979ab4
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 6 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

5
packages/webamp/css/base-skin.css
View file

@ -265,13 +265,14 @@
#webamp .character-64 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAGCAYAAAAL+1RLAAAAJklEQVQYV2NkYGD4zwADjyAMRrggSEAOWRAmgKISqyBIF4Z2NIsAd/8NibV7UPEAAAAASUVORK5CYII=)}
#webamp .character-32 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAGCAYAAAAL+1RLAAAAE0lEQVQYV2NkYGD4z4AGGOklCAChpQYBD5K5XgAAAABJRU5ErkJggg==)}
#webamp .character-8230 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAGCAYAAAAL+1RLAAAAIElEQVQYV2NkYGD4z4AGGGki+IjhP4McAwPDIwYGGA0AwVsI4wY3hV4AAAAASUVORK5CYII=)}
#webamp .character-95 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAGCAYAAAAL+1RLAAAAGUlEQVQYV2NkYGD4z4AGGGki+AhqkRzCNgCztQcBQ/F5qwAAAABJRU5ErkJggg==)}
#webamp .character-46 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAGCAYAAAAL+1RLAAAAGUlEQVQYV2NkYGD4z4AGGGki+AhqkRzCNgCztQcBQ/F5qwAAAABJRU5ErkJggg==)}
#webamp .character-58 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAGCAYAAAAL+1RLAAAAG0lEQVQYV2NkYGD4z4AGGHELPoIqlYPQFKoEABHUCAEa7xBFAAAAAElFTkSuQmCC)}
#webamp .character-40 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAGCAYAAAAL+1RLAAAAKElEQVQYV2NkYGD4z4AGGFEEHzEwMMgxMCAEoQIgTQQEQUowtCNZBgCV1AoBCuExLwAAAABJRU5ErkJggg==)}
#webamp .character-41 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAGCAYAAAAL+1RLAAAAJ0lEQVQYV2NkYGD4z4AGGBkeMfxnkEMVZQSrfMTAgCyBQxCndjSLALXUCgE7OPueAAAAAElFTkSuQmCC)}
#webamp .character-45 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAGCAYAAAAL+1RLAAAAG0lEQVQYV2NkYGD4z4AGGEkQfISmXY6BgXjtANzFBwGYHC/oAAAAAElFTkSuQmCC)}
#webamp .character-39 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAGCAYAAAAL+1RLAAAAIUlEQVQYV2NkYGD4zwACjxgYGOTALAZG/IIQRWgqyRIEAHPECAGoStnnAAAAAElFTkSuQmCC)}
#webamp .character-33 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAGCAYAAAAL+1RLAAAAH0lEQVQYV2NkYGD4z/CIgYFBjgEOGKkhiDAOzMJqJgAQawsBnvEUjAAAAABJRU5ErkJggg==)}
#webamp .character-95 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAGCAYAAAAL+1RLAAAAFklEQVQYV2NkYGD4z4AGGGki+AjTIgCyawbjsVUKxAAAAABJRU5ErkJggg==)}
#webamp .character-43 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAGCAYAAAAL+1RLAAAAJklEQVQYV2NkYGD4zwACjxgYGOTALAZG7IKPoCohivCpxGsmknYAEEcK49TiSnIAAAAASUVORK5CYII=)}
#webamp .character-92 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAGCAYAAAAL+1RLAAAALklEQVQYV2NkYGD4z4AGGBkeMfxnkEMVZQSrfMTAgCwBEQQBJAmEIJIEqiBUAgCoegrjMO8YZQAAAABJRU5ErkJggg==)}
#webamp .character-47 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAGCAYAAAAL+1RLAAAAL0lEQVQYV2NkYGD4z4AGGDEEHzEwoAo+YmBgkEMWhAqATIKoRBKACD5i+A/SggwAnqIK4za1AdUAAAAASUVORK5CYII=)}
@ -280,7 +281,7 @@
#webamp .character-94 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAGCAYAAAAL+1RLAAAALUlEQVQYV2NkYGD4zwACjxgYGOTALAZGsCBMAEozMjxi+A9TAdMBUYkGiBcEAF4nCuOkieCiAAAAAElFTkSuQmCC)}
#webamp .character-38 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAGCAYAAAAL+1RLAAAAJklEQVQYV2NkYGD4zwACjxgYGOTALAZGsCBMAEpDBAmqJF470FwAy+sPxRnZS2IAAAAASUVORK5CYII=)}
#webamp .character-37 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAGCAYAAAAL+1RLAAAAL0lEQVQYV2NkYGD4z/CIAQLkIBQjhuAjmCBUIViHHLIgVABVO8g8qNkQM5G1A9kAhC8Np+jnyIIAAAAASUVORK5CYII=)}
#webamp .character-46 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAGCAYAAAAL+1RLAAAAHklEQVQYV2NkYGD4z4AGGKkl+IiBgUEOYjjCTCRBAMu1CAHlOP+DAAAAAElFTkSuQmCC)}
#webamp .character-44 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAGCAYAAAAL+1RLAAAAHklEQVQYV2NkYGD4z4AGGKkl+IiBgUEOYjjCTCRBAMu1CAHlOP+DAAAAAElFTkSuQmCC)}
#webamp .character-61 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAGCAYAAAAL+1RLAAAAH0lEQVQYV2NkYGD4z4AGGMGCj5BE5RgYIIIUqkTTDgA65AgBoymWoAAAAABJRU5ErkJggg==)}
#webamp .character-36 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAGCAYAAAAL+1RLAAAALUlEQVQYV2NkYGD4zwACjxgYGOTALAZGsCBIAAbk0AVRVMK0g2gMlSiCaBYBACUjDAER0dcvAAAAAElFTkSuQmCC)}
#webamp .character-35 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAGCAYAAAAL+1RLAAAAJElEQVQYV2NkYGD4z/CIAQLkIBQjwyOG/1AhuAQjpSpBFqEBACkzCwHNBOKTAAAAAElFTkSuQmCC)}

BIN
packages/webamp/js/__tests__/__image_snapshots__/baseline-integration-test-js-can-pose-for-a-screenshot-1-snap.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 64 KiB

After

Width:  |  Height:  |  Size: 64 KiB

Before After
Before After

BIN
packages/webamp/js/__tests__/__image_snapshots__/baseline-integration-test-js-should-render-the-default-skin-1-snap.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 80 KiB

After

Width:  |  Height:  |  Size: 80 KiB

Before After
Before After

5
packages/webamp/js/skinSprites.ts
View file

@ -52,13 +52,14 @@ export const FONT_LOOKUP: { [letter: string]: [number, number] } = {
"8": [1, 8],
"9": [1, 9],
[UTF8_ELLIPSIS]: [1, 10],
_: [1, 11],
".": [1, 11],
":": [1, 12],
"(": [1, 13],
")": [1, 14],
"-": [1, 15],
"'": [1, 16],
"!": [1, 17],
_: [1, 18],
"+": [1, 19],
"\\": [1, 20],
"/": [1, 21],
@ -67,7 +68,7 @@ export const FONT_LOOKUP: { [letter: string]: [number, number] } = {
"^": [1, 24],
"&": [1, 25],
"%": [1, 26],
".": [1, 27],
",": [1, 27],
"=": [1, 28],
$: [1, 29],
"#": [1, 30],