diff --git a/CHANGELOG.md b/CHANGELOG.md index e6e98881..9df660e0 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,5 +1,9 @@ # Changelog +## next + +- Use SVG icons for better visual effects (#637). + ## 1.11.6 (Sep 17, 2023) - Fix an issue where some CSS styles were incompatible with old browsers (#611). diff --git a/src/css/viewer.css b/src/css/viewer.css index 4212562c..8731c80d 100644 --- a/src/css/viewer.css +++ b/src/css/viewer.css @@ -13,7 +13,7 @@ .viewer-fullscreen-exit, .viewer-close { &::before { - background-image: url('../images/icons.png'); + background-image: url('../images/icons.svg'); background-repeat: no-repeat; background-size: 280px; color: transparent; diff --git a/src/css/viewer.scss b/src/css/viewer.scss index a7b6c621..91f39c63 100644 --- a/src/css/viewer.scss +++ b/src/css/viewer.scss @@ -14,7 +14,7 @@ &-fullscreen-exit, &-close { &::before { - background-image: url('../images/icons.png'); + background-image: url('../images/icons.svg'); background-repeat: no-repeat; background-size: 280px; color: transparent; diff --git a/src/images/icons.png b/src/images/icons.png deleted file mode 100644 index 41d7027c..00000000 Binary files a/src/images/icons.png and /dev/null differ diff --git a/src/images/icons.psd b/src/images/icons.psd deleted file mode 100644 index e4242ed6..00000000 Binary files a/src/images/icons.psd and /dev/null differ diff --git a/src/images/icons.svg b/src/images/icons.svg new file mode 100644 index 00000000..83e19291 --- /dev/null +++ b/src/images/icons.svg @@ -0,0 +1 @@ +