diff --git a/packages/terra-navigation-side-menu/src/MenuItem.module.scss b/packages/terra-navigation-side-menu/src/MenuItem.module.scss index c9e82d86c2..921e1bb21c 100644 --- a/packages/terra-navigation-side-menu/src/MenuItem.module.scss +++ b/packages/terra-navigation-side-menu/src/MenuItem.module.scss @@ -6,7 +6,6 @@ :local { .list-item { background-color: var(--terra-navigation-side-menu-list-item-background-color); - border-bottom: var(--terra-navigation-side-menu-list-item-border-bottom, none); border-left: var(--terra-navigation-side-menu-list-item-border-left, none); border-right: var(--terra-navigation-side-menu-list-item-border-right, none); border-top: var(--terra-navigation-side-menu-list-item-border-top, none); diff --git a/packages/terra-navigation-side-menu/src/NavigationSideMenu.jsx b/packages/terra-navigation-side-menu/src/NavigationSideMenu.jsx index 177846ddfe..e4717153f4 100644 --- a/packages/terra-navigation-side-menu/src/NavigationSideMenu.jsx +++ b/packages/terra-navigation-side-menu/src/NavigationSideMenu.jsx @@ -340,7 +340,7 @@ class NavigationSideMenu extends Component { isDisabled={item.isDisabled} text={item.text} key={key} - onClick={(event) => { (!(item.isDisabled)) ? this.handleItemClick(event, key) : undefined; }} + onClick={!item.isDisabled ? event => this.handleItemClick(event, key) : undefined} onKeyDown={onKeyDown} data-menu-item={key} tabIndex={(tabIndex === 0 && !(this.onBack)) ? '0' : '-1'} @@ -395,7 +395,7 @@ class NavigationSideMenu extends Component { } const headerStyles = cx([ - { headerStyle: true }, + { 'header-style': (variant === 'drill-in') }, theme.className, ]); diff --git a/packages/terra-navigation-side-menu/src/NavigationSideMenu.module.scss b/packages/terra-navigation-side-menu/src/NavigationSideMenu.module.scss index 00710c69b2..dd4504a15a 100644 --- a/packages/terra-navigation-side-menu/src/NavigationSideMenu.module.scss +++ b/packages/terra-navigation-side-menu/src/NavigationSideMenu.module.scss @@ -19,8 +19,8 @@ } } - .headerStyle { - border-bottom: var(--terra-navigation-side-menu-list-item-border-bottom, 1px solid #D3D4D5); + .header-style { + border-bottom: var(--terra-navigation-side-menu-list-border-bottom, 1px solid #d3d4d5); } .side-menu-list { diff --git a/packages/terra-navigation-side-menu/src/orion-fusion-theme/NavigationSideMenuItem.module.scss b/packages/terra-navigation-side-menu/src/orion-fusion-theme/NavigationSideMenuItem.module.scss index ef33322506..94b884e24d 100644 --- a/packages/terra-navigation-side-menu/src/orion-fusion-theme/NavigationSideMenuItem.module.scss +++ b/packages/terra-navigation-side-menu/src/orion-fusion-theme/NavigationSideMenuItem.module.scss @@ -51,6 +51,6 @@ --terra-navigation-side-menu-focus-outline-offset: 0; --terra-navigation-side-menu-item-focus-box-shadow: 0 0 0 1px rgba(76, 178, 233, 0.5), 0 0 4px 3px rgba(76, 178, 233, 0.35); --terra-navigation-side-menu-outline-view-item-hover-background-color: #F2F9FE; - --terra-navigation-side-menu-outline-view-item-focus-background-color: #FFFFFF; + --terra-navigation-side-menu-outline-view-item-focus-background-color: #FFF; } }