diff --git a/dist/css/components/toolbar.css b/dist/css/components/toolbar.css index 9b396d3ca4ca60e75be4a25ce707dc1ded8dc02d..011dc9bf15d5f804c881a97f174feca6feb2dc61 100644 --- a/dist/css/components/toolbar.css +++ b/dist/css/components/toolbar.css @@ -302,6 +302,11 @@ body.gin--classic-toolbar { mask-image: url("../../media/sprite.svg#bat-view"); } +.toolbar .toolbar-bar .toolbar-icon-commerce-inbox:before { + -webkit-mask-image: url("../../media/sprite.svg#commerce-inbox-view"); + mask-image: url("../../media/sprite.svg#commerce-inbox-view"); +} + .toolbar .toolbar-bar .toolbar-icon-escape-admin { display: none; } diff --git a/dist/media/sprite.svg b/dist/media/sprite.svg index 45c56e8fae5cea2b5ccea4ac981bb3e458d6aeb0..548e7767b3dccfedcc2df3ebe9743ce405bca1aa 100644 Binary files a/dist/media/sprite.svg and b/dist/media/sprite.svg differ diff --git a/media/icons/toolbar/commerce-inbox.svg b/media/icons/toolbar/commerce-inbox.svg new file mode 100644 index 0000000000000000000000000000000000000000..06c686c4d86f0dc8507461518ab3f5214daf4bbf Binary files /dev/null and b/media/icons/toolbar/commerce-inbox.svg differ diff --git a/styles/components/toolbar.scss b/styles/components/toolbar.scss index 450c1785c5e94e4c150ffb1116024adfc63322b3..954d2c570aa1a5d2696cb76a469db675ac42da3f 100644 --- a/styles/components/toolbar.scss +++ b/styles/components/toolbar.scss @@ -273,6 +273,13 @@ body.gin--classic-toolbar { } } + // Commerce Inbox + .toolbar-icon-commerce-inbox { + &:before { + mask-image: icon('commerce-inbox'); + } + } + // Back to site .toolbar-icon-escape-admin { display: none; diff --git a/styles/helpers/_svg-sprite.scss b/styles/helpers/_svg-sprite.scss index 9a0cafe12cc40759d4c9038a02070238ba590ee6..0df139489755afe07632a9098984a7f78d70a882 100644 --- a/styles/helpers/_svg-sprite.scss +++ b/styles/helpers/_svg-sprite.scss @@ -58,6 +58,7 @@ $sprites: ( 'user': "../../media/sprite.svg#user-view", 'appearance': "../../media/sprite.svg#appearance-view", 'bat': "../../media/sprite.svg#bat-view", + 'commerce-inbox': "../../media/sprite.svg#commerce-inbox-view", 'commerce': "../../media/sprite.svg#commerce-view", 'config': "../../media/sprite.svg#config-view", 'content': "../../media/sprite.svg#content-view", @@ -314,6 +315,10 @@ $sizes: ( 'width': 24px, 'height': 24px ), + 'commerce-inbox': ( + 'width': 24px, + 'height': 24px + ), 'commerce': ( 'width': 24px, 'height': 24px