From 0a74779fde1bb4e47d1a99edf2f60cdfa1f9fce3 Mon Sep 17 00:00:00 2001 From: Rob Date: Sun, 22 Dec 2019 16:04:14 -0800 Subject: [PATCH] Starting with Chrome 72, svg data-uris can no longer contain certain characters. Base64-encoding these uris fixes this issue. See also https://stackoverflow.com/questions/54453987/did-chrome-72-break-dataimage-svgxmlutf8-for-css-background-svgs --- sscaffold.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/sscaffold.css b/sscaffold.css index 2e3ea63..988b707 100644 --- a/sscaffold.css +++ b/sscaffold.css @@ -949,13 +949,13 @@ select:focus { select { - background: url('data:image/svg+xml;utf8,') center right no-repeat; + background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDI5IDE0IiB3aWR0aD0iMjkiPjxwYXRoIGZpbGw9IiNkMWQxZDEiIGQ9Ik05LjM3NzI3IDMuNjI1bDUuMDgxNTQgNi45MzUyM0wxOS41NDAzNiAzLjYyNSIvPjwvc3ZnPgo=') center right no-repeat; padding-right: 3.0rem; } select:focus { - background-image: url('data:image/svg+xml;utf8,'); + background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAyOSAxNCIgd2lkdGg9IjI5Ij48cGF0aCBmaWxsPSIjOWI0ZGNhIiBkPSJNOS4zNzcyNyAzLjYyNWw1LjA4MTU0IDYuOTM1MjNMMTkuNTQwMzYgMy42MjUiLz48L3N2Zz4K'); }