From 8093ec7494e3d9d5fa1505bf36ac1de83b3becb9 Mon Sep 17 00:00:00 2001 From: Jon Dubielzyk <145416827+dubielzyk-expensify@users.noreply.github.com> Date: Mon, 22 Apr 2024 14:35:46 +1000 Subject: [PATCH 1/3] Optically center icons ## Details Optically fixes icons: ## Fixed Issues $ Expensify/Expensify#389499 --- assets/images/Caret Left.svg | 10 ++++++++++ assets/images/Caret Right.svg | 10 ++++++++++ assets/images/Play.svg | 9 +++++++++ 3 files changed, 29 insertions(+) create mode 100644 assets/images/Caret Left.svg create mode 100644 assets/images/Caret Right.svg create mode 100644 assets/images/Play.svg diff --git a/assets/images/Caret Left.svg b/assets/images/Caret Left.svg new file mode 100644 index 000000000000..77534c1ffad6 --- /dev/null +++ b/assets/images/Caret Left.svg @@ -0,0 +1,10 @@ +<?xml version="1.0" encoding="utf-8"?> +<!-- Generator: Adobe Illustrator 28.3.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> +<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" + viewBox="0 0 20 20" style="enable-background:new 0 0 20 20;" xml:space="preserve"> +<style type="text/css"> + .st0{fill-rule:evenodd;clip-rule:evenodd;fill:#8B9C8F;} +</style> +<path class="st0" d="M14.2,18.4c-0.8,0.8-2,0.8-2.8,0L3,10l8.4-8.4c0.8-0.8,2-0.8,2.8,0c0.8,0.8,0.8,2,0,2.8L8.7,10l5.6,5.6 + C15,16.4,15,17.6,14.2,18.4z"/> +</svg> diff --git a/assets/images/Caret Right.svg b/assets/images/Caret Right.svg new file mode 100644 index 000000000000..d4d1d90ea3ed --- /dev/null +++ b/assets/images/Caret Right.svg @@ -0,0 +1,10 @@ +<?xml version="1.0" encoding="utf-8"?> +<!-- Generator: Adobe Illustrator 28.3.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> +<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" + viewBox="0 0 20 20" style="enable-background:new 0 0 20 20;" xml:space="preserve"> +<style type="text/css"> + .st0{fill-rule:evenodd;clip-rule:evenodd;fill:#8B9C8F;} +</style> +<path class="st0" d="M5.6,18.4c0.8,0.8,2,0.8,2.8,0l8.4-8.4L8.4,1.6c-0.8-0.8-2-0.8-2.8,0c-0.8,0.8-0.8,2,0,2.8l5.6,5.6l-5.6,5.6 + C4.8,16.4,4.8,17.6,5.6,18.4z"/> +</svg> diff --git a/assets/images/Play.svg b/assets/images/Play.svg new file mode 100644 index 000000000000..583ad9669de7 --- /dev/null +++ b/assets/images/Play.svg @@ -0,0 +1,9 @@ +<?xml version="1.0" encoding="utf-8"?> +<!-- Generator: Adobe Illustrator 28.3.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> +<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" + viewBox="0 0 20 20" style="enable-background:new 0 0 20 20;" xml:space="preserve"> +<style type="text/css"> + .st0{fill:#8B9C8F;} +</style> +<path class="st0" d="M7.2,17.9c-1.7,1-3.7-0.3-3.7-2.2V4.3c0-1.9,2.1-3.1,3.7-2.2l10,5.7c1.7,1,1.7,3.4,0,4.3L7.2,17.9z"/> +</svg> From d4b4d7a920d09de473dec953c620272d1ffcc64d Mon Sep 17 00:00:00 2001 From: Jon Dubielzyk <jon@expensify.com> Date: Mon, 22 Apr 2024 14:55:48 +1000 Subject: [PATCH 2/3] Fix naming and remove color --- assets/images/Caret Left.svg | 10 ---------- assets/images/Caret Right.svg | 10 ---------- assets/images/Play.svg | 5 +---- assets/images/arrow-right.svg | 11 ++++++++++- assets/images/back-left.svg | 11 ++++++++++- assets/images/play.svg | 7 ++++++- 6 files changed, 27 insertions(+), 27 deletions(-) delete mode 100644 assets/images/Caret Left.svg delete mode 100644 assets/images/Caret Right.svg diff --git a/assets/images/Caret Left.svg b/assets/images/Caret Left.svg deleted file mode 100644 index 77534c1ffad6..000000000000 --- a/assets/images/Caret Left.svg +++ /dev/null @@ -1,10 +0,0 @@ -<?xml version="1.0" encoding="utf-8"?> -<!-- Generator: Adobe Illustrator 28.3.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> -<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" - viewBox="0 0 20 20" style="enable-background:new 0 0 20 20;" xml:space="preserve"> -<style type="text/css"> - .st0{fill-rule:evenodd;clip-rule:evenodd;fill:#8B9C8F;} -</style> -<path class="st0" d="M14.2,18.4c-0.8,0.8-2,0.8-2.8,0L3,10l8.4-8.4c0.8-0.8,2-0.8,2.8,0c0.8,0.8,0.8,2,0,2.8L8.7,10l5.6,5.6 - C15,16.4,15,17.6,14.2,18.4z"/> -</svg> diff --git a/assets/images/Caret Right.svg b/assets/images/Caret Right.svg deleted file mode 100644 index d4d1d90ea3ed..000000000000 --- a/assets/images/Caret Right.svg +++ /dev/null @@ -1,10 +0,0 @@ -<?xml version="1.0" encoding="utf-8"?> -<!-- Generator: Adobe Illustrator 28.3.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> -<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" - viewBox="0 0 20 20" style="enable-background:new 0 0 20 20;" xml:space="preserve"> -<style type="text/css"> - .st0{fill-rule:evenodd;clip-rule:evenodd;fill:#8B9C8F;} -</style> -<path class="st0" d="M5.6,18.4c0.8,0.8,2,0.8,2.8,0l8.4-8.4L8.4,1.6c-0.8-0.8-2-0.8-2.8,0c-0.8,0.8-0.8,2,0,2.8l5.6,5.6l-5.6,5.6 - C4.8,16.4,4.8,17.6,5.6,18.4z"/> -</svg> diff --git a/assets/images/Play.svg b/assets/images/Play.svg index 583ad9669de7..5f7e14969529 100644 --- a/assets/images/Play.svg +++ b/assets/images/Play.svg @@ -2,8 +2,5 @@ <!-- Generator: Adobe Illustrator 28.3.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 20 20" style="enable-background:new 0 0 20 20;" xml:space="preserve"> -<style type="text/css"> - .st0{fill:#8B9C8F;} -</style> -<path class="st0" d="M7.2,17.9c-1.7,1-3.7-0.3-3.7-2.2V4.3c0-1.9,2.1-3.1,3.7-2.2l10,5.7c1.7,1,1.7,3.4,0,4.3L7.2,17.9z"/> +<path d="M7.2,17.9c-1.7,1-3.7-0.3-3.7-2.2V4.3c0-1.9,2.1-3.1,3.7-2.2l10,5.7c1.7,1,1.7,3.4,0,4.3L7.2,17.9z"/> </svg> diff --git a/assets/images/arrow-right.svg b/assets/images/arrow-right.svg index df13c75ca414..8d2ded92e791 100644 --- a/assets/images/arrow-right.svg +++ b/assets/images/arrow-right.svg @@ -1 +1,10 @@ -<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="Layer_1" x="0" y="0" version="1.1" viewBox="0 0 20 20" style="enable-background:new 0 0 20 20" xml:space="preserve"><style type="text/css">.st0{fill-rule:evenodd;clip-rule:evenodd}</style><path d="M5.6,1.6c0.8-0.8,2-0.8,2.8,0l8.4,8.4l-8.4,8.4c-0.8,0.8-2,0.8-2.8,0c-0.8-0.8-0.8-2,0-2.8l5.6-5.6L5.6,4.4 C4.8,3.6,4.8,2.4,5.6,1.6z" class="st0"/></svg> \ No newline at end of file +<?xml version="1.0" encoding="utf-8"?> +<!-- Generator: Adobe Illustrator 28.3.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> +<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" + viewBox="0 0 20 20" style="enable-background:new 0 0 20 20;" xml:space="preserve"> +<style type="text/css"> + .st0{fill-rule:evenodd;clip-rule:evenodd;} +</style> +<path class="st0" d="M5.6,18.4c0.8,0.8,2,0.8,2.8,0l8.4-8.4L8.4,1.6c-0.8-0.8-2-0.8-2.8,0s-0.8,2,0,2.8l5.6,5.6l-5.6,5.6 + C4.8,16.4,4.8,17.6,5.6,18.4z"/> +</svg> diff --git a/assets/images/back-left.svg b/assets/images/back-left.svg index 51164100ff59..2ddd554e9720 100644 --- a/assets/images/back-left.svg +++ b/assets/images/back-left.svg @@ -1 +1,10 @@ -<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="Layer_1" x="0" y="0" version="1.1" viewBox="0 0 20 20" style="enable-background:new 0 0 20 20" xml:space="preserve"><style type="text/css">.st0{fill-rule:evenodd;clip-rule:evenodd}</style><path d="M14.4,1.6c-0.8-0.8-2-0.8-2.8,0L3.2,10l8.4,8.4c0.8,0.8,2,0.8,2.8,0c0.8-0.8,0.8-2,0-2.8L8.8,10l5.6-5.6 C15.2,3.6,15.2,2.4,14.4,1.6z" class="st0"/></svg> \ No newline at end of file +<?xml version="1.0" encoding="utf-8"?> +<!-- Generator: Adobe Illustrator 28.3.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> +<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" + viewBox="0 0 20 20" style="enable-background:new 0 0 20 20;" xml:space="preserve"> +<style type="text/css"> + .st0{fill-rule:evenodd;clip-rule:evenodd;} +</style> +<path class="st0" d="M14.2,18.4c-0.8,0.8-2,0.8-2.8,0L3,10l8.4-8.4c0.8-0.8,2-0.8,2.8,0s0.8,2,0,2.8L8.7,10l5.6,5.6 + C15,16.4,15,17.6,14.2,18.4z"/> +</svg> diff --git a/assets/images/play.svg b/assets/images/play.svg index cb781459e44e..5f7e14969529 100644 --- a/assets/images/play.svg +++ b/assets/images/play.svg @@ -1 +1,6 @@ -<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="Layer_1" x="0" y="0" version="1.1" viewBox="0 0 20 20" style="enable-background:new 0 0 20 20" xml:space="preserve"><path d="M6.24035 17.8626C4.5737 18.815 2.5 17.6115 2.5 15.692L2.5 4.30789C2.5 2.38833 4.57371 1.18492 6.24035 2.13729L16.2014 7.82936C17.881 8.78909 17.881 11.2108 16.2014 12.1706L6.24035 17.8626Z"/></svg> \ No newline at end of file +<?xml version="1.0" encoding="utf-8"?> +<!-- Generator: Adobe Illustrator 28.3.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> +<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" + viewBox="0 0 20 20" style="enable-background:new 0 0 20 20;" xml:space="preserve"> +<path d="M7.2,17.9c-1.7,1-3.7-0.3-3.7-2.2V4.3c0-1.9,2.1-3.1,3.7-2.2l10,5.7c1.7,1,1.7,3.4,0,4.3L7.2,17.9z"/> +</svg> From 43aeab5b1e46770d706158ea3f113194581a951d Mon Sep 17 00:00:00 2001 From: Jon Dubielzyk <145416827+dubielzyk-expensify@users.noreply.github.com> Date: Mon, 22 Apr 2024 14:56:43 +1000 Subject: [PATCH 3/3] Delete Play icon --- assets/images/Play.svg | 6 ------ 1 file changed, 6 deletions(-) delete mode 100644 assets/images/Play.svg diff --git a/assets/images/Play.svg b/assets/images/Play.svg deleted file mode 100644 index 5f7e14969529..000000000000 --- a/assets/images/Play.svg +++ /dev/null @@ -1,6 +0,0 @@ -<?xml version="1.0" encoding="utf-8"?> -<!-- Generator: Adobe Illustrator 28.3.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> -<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" - viewBox="0 0 20 20" style="enable-background:new 0 0 20 20;" xml:space="preserve"> -<path d="M7.2,17.9c-1.7,1-3.7-0.3-3.7-2.2V4.3c0-1.9,2.1-3.1,3.7-2.2l10,5.7c1.7,1,1.7,3.4,0,4.3L7.2,17.9z"/> -</svg>