Updates after UX review

2021-06-23 15:02:34 -04:00
parent b618cccb02
commit dade755780
5 changed files with 9 additions and 7 deletions
--- a/src/courseware/course/Course.jsx
+++ b/src/courseware/course/Course.jsx
@@ -68,7 +68,7 @@ function Course({

  const shouldDisplaySidebarButton = useWindowSize().width >= responsiveBreakpoints.small.minWidth;

-  const [sidebarVisible, setSidebar] = useState(false);
+  const [sidebarVisible, setSidebar] = useState(true);
  const isSidebarVisible = () => sidebarVisible && setSidebar;
  const toggleSidebar = () => {
    if (sidebarVisible) { setSidebar(false); } else { setSidebar(true); }
--- a/src/courseware/course/Sidebar.scss
+++ b/src/courseware/course/Sidebar.scss
@@ -1,7 +1,7 @@
 .sidebar-container {
    border: 1px solid $light-400;
    border-radius: 4px;
-    width: 20rem;
+    width: 31rem;
    vertical-align: top;
    height: 100%;

--- a/src/courseware/course/sequence/Sequence.jsx
+++ b/src/courseware/course/sequence/Sequence.jsx
@@ -226,7 +226,7 @@ function Sequence({
          )}
        </div>
      </div>
-      {sidebarVisible ? (
+      {isValuePropCookieSet && sidebarVisible ? (
        <Sidebar
          toggleSidebar={toggleSidebar}
          sidebarVisible={sidebarVisible}