From c0e477d1acc2dd3254b230859cf598f42b661dd3 Mon Sep 17 00:00:00 2001 From: Andrew Gliga Date: Tue, 14 May 2024 12:06:15 -0700 Subject: [PATCH] fix(fake-menu): added badge support --- .changeset/khaki-fans-pretend.md | 5 +++++ dist/menu/menu.css | 1 + src/less/menu/menu.less | 1 + src/less/menu/stories/fake-menu.stories.js | 10 ++++++++++ 4 files changed, 17 insertions(+) create mode 100644 .changeset/khaki-fans-pretend.md diff --git a/.changeset/khaki-fans-pretend.md b/.changeset/khaki-fans-pretend.md new file mode 100644 index 000000000..992616045 --- /dev/null +++ b/.changeset/khaki-fans-pretend.md @@ -0,0 +1,5 @@ +--- +"@ebay/skin": minor +--- + +fake-menu: added badge suport diff --git a/dist/menu/menu.css b/dist/menu/menu.css index ae8e2c54c..fb0dfb7e8 100644 --- a/dist/menu/menu.css +++ b/dist/menu/menu.css @@ -32,6 +32,7 @@ span.fake-menu__items { } .menu__item > svg.icon--tick-16:last-child, .fake-menu__item > svg.icon--tick-16:last-child, +.fake-menu__item .badge, .menu__item .badge { margin-left: var(--spacing-100); margin-right: var(--spacing-100); diff --git a/src/less/menu/menu.less b/src/less/menu/menu.less index 6399e7082..cdd492265 100644 --- a/src/less/menu/menu.less +++ b/src/less/menu/menu.less @@ -33,6 +33,7 @@ span.fake-menu__items { .menu__item > svg.icon--tick-16:last-child, .fake-menu__item > svg.icon--tick-16:last-child, +.fake-menu__item .badge, .menu__item .badge { margin-left: var(--spacing-100); margin-right: var(--spacing-100); diff --git a/src/less/menu/stories/fake-menu.stories.js b/src/less/menu/stories/fake-menu.stories.js index a54afc28a..020732155 100644 --- a/src/less/menu/stories/fake-menu.stories.js +++ b/src/less/menu/stories/fake-menu.stories.js @@ -97,3 +97,13 @@ export const buttonsDisabled = () => ` `; + +export const badged = () => ` + + + Button 11 + Button 210 + Button 399+ + + +`;