Fix styles on shell workspace

Azure · Nov 11, 2019 · d8e155f · d8e155f
1 parent f787845
commit d8e155f
Show file tree

Hide file tree

Showing 5 changed files with 9 additions and 3 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,5 +1,9 @@
 # CHANGELOG
 
+## 7.0.1
+### Fixed
+- Added role='main' and background color to shell workspace
+
 ## 7.0.0
 - Adopted fluent styles
 

diff --git a/lib/components/Shell/Shell.module.scss b/lib/components/Shell/Shell.module.scss
@@ -58,4 +58,6 @@
 
     // Make sure this is now the main element to position all children
     position: relative;
+
+    background-color: var(--color-bg-container);
 }
diff --git a/lib/components/Shell/Shell.tsx b/lib/components/Shell/Shell.tsx
@@ -68,7 +68,7 @@ export function Shell({ theme, masthead, navigation, children, onClick }: ShellP
                 {masthead && <Masthead navigation={navigation} {...masthead} />}
                 <div className={css('nav-and-workspace')}>
                     {navigation && <Navigation {...navigation} />}
-                    <section className={css('workspace')}>
+                    <section role='main' className={css('workspace')}>
                         {children}
                     </section>
                     <ContextPanelRoot />

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "@microsoft/azure-iot-ux-fluent-controls",
-    "version": "7.0.0",
+    "version": "7.0.1",
     "description": "Azure IoT UX Fluent Controls",
     "main": "./lib/index.js",
     "types": "./lib/index.d.ts",