From defd8b0b44e8178072ad4c41c214d69dcb6e1daf Mon Sep 17 00:00:00 2001
From: Ray Schamp <ray@scratch.mit.edu>
Date: Thu, 12 Apr 2018 09:57:41 -0400
Subject: [PATCH] Rename menu item class name
We have actual menu items now so the things that were menu items should be considered menu bar items
---
src/components/menu-bar/menu-bar.css | 2 +-
src/components/menu-bar/menu-bar.jsx | 16 ++++++++--------
2 files changed, 9 insertions(+), 9 deletions(-)
diff --git a/src/components/menu-bar/menu-bar.css b/src/components/menu-bar/menu-bar.css
index 58adafd7c..7e075f800 100644
--- a/src/components/menu-bar/menu-bar.css
+++ b/src/components/menu-bar/menu-bar.css
@@ -55,7 +55,7 @@
z-index: 50;
}
-.menu-item {
+.menu-bar-item {
display: block;
padding: 0 0.25rem;
cursor: pointer;
diff --git a/src/components/menu-bar/menu-bar.jsx b/src/components/menu-bar/menu-bar.jsx
index fbaa98e3c..b672b8223 100644
--- a/src/components/menu-bar/menu-bar.jsx
+++ b/src/components/menu-bar/menu-bar.jsx
@@ -31,7 +31,7 @@ const MenuBar = props => (
>
<div className={styles.mainMenu}>
<div className={styles.fileGroup}>
- <div className={classNames(styles.logoWrapper, styles.menuItem)}>
+ <div className={classNames(styles.logoWrapper, styles.menuBarItem)}>
<img
alt="Scratch"
className={styles.scratchLogo}
@@ -39,7 +39,7 @@ const MenuBar = props => (
src={scratchLogo}
/>
</div>
- <div className={classNames(styles.menuItem)}>
+ <div className={classNames(styles.menuBarItem)}>
<ComingSoonTooltip
className={styles.comingSoon}
place="right"
@@ -50,7 +50,7 @@ const MenuBar = props => (
</ComingSoonTooltip>
</div>
<div
- className={classNames(styles.menuItem)}
+ className={classNames(styles.menuBarItem)}
onMouseUp={props.onClickFile}
>
<div className={classNames(styles.fileMenu)}>File</div>
@@ -66,7 +66,7 @@ const MenuBar = props => (
<MenuItem>Download to your computer</MenuItem>
</Menu>
</div>
- <div className={classNames(styles.menuItem)}>
+ <div className={classNames(styles.menuBarItem)}>
<ComingSoonTooltip
className={styles.comingSoon}
place="bottom"
@@ -78,7 +78,7 @@ const MenuBar = props => (
</div>
</div>
<div className={classNames(styles.divider)} />
- <div className={classNames(styles.menuItem)}>
+ <div className={classNames(styles.menuBarItem)}>
<ComingSoonTooltip
className={styles.comingSoon}
place="bottom"
@@ -92,7 +92,7 @@ const MenuBar = props => (
/>
</ComingSoonTooltip>
</div>
- <div className={classNames(styles.menuItem)}>
+ <div className={classNames(styles.menuBarItem)}>
<ComingSoonTooltip
className={styles.comingSoon}
place="bottom"
@@ -108,7 +108,7 @@ const MenuBar = props => (
</Button>
</ComingSoonTooltip>
</div>
- <div className={classNames(styles.menuItem, styles.communityButtonWrapper)}>
+ <div className={classNames(styles.menuBarItem, styles.communityButtonWrapper)}>
<ComingSoonTooltip
className={styles.comingSoon}
place="bottom"
@@ -129,7 +129,7 @@ const MenuBar = props => (
</ComingSoonTooltip>
</div>
</div>
- <div className={classNames(styles.menuItem, styles.feedbackButtonWrapper)}>
+ <div className={classNames(styles.menuBarItem, styles.feedbackButtonWrapper)}>
<Button
className={styles.feedbackButton}
iconSrc={feedbackIcon}
--
GitLab