Merge pull request #1 from criticalstack/cb/updates

Namespace and create drawer fixes

client/css/section-editor.css

@@ -12,10 +12,10 @@ div.section-editor {
 
 .cs-tabs div.section-editor {
   position: absolute;
-  top: 134px;
-  bottom: 20px;
-  left: 20px;
-  right: 20px;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
   display: grid;
   grid-template-columns: 340px 1fr;
   grid-template-rows: minmax(55px, max-content);

client/css/tabs.css

@@ -86,3 +86,8 @@
   padding: 20px;
   background: #fff;
 }
+
+.create-drawer .cs-tabs .react-tabs__tab-panel--selected {
+  position: relative;
+  flex-grow: 1;
+}

client/lib/helpers/session.jsx

@@ -148,7 +148,9 @@ export default {
         let result = data.context.result;
         window.localStorage["cs-config"] = JSON.stringify(result);
         window.localStorage["csos-user"] = JSON.stringify(result.user);
-        window.localStorage["csos-namespace"] = _.get(result.user, "defaultNamespace", "default");
+        if (!window.localStorage["csos-namespace"]) {
+          window.localStorage["csos-namespace"] = _.get(result.user, "defaultNamespace", "default");
+        }
         h.Vent.emit("main-menu:update");
         return callback(true);
       },

client/lib/layout/create/create-content.jsx

@@ -41,14 +41,18 @@ class CreateContent extends React.Component {
         style={{
           border: 0,
           padding: "20px",
-          height: "100%",
-          marginBottom: "60px"
+          flexGrow: "1",
+          marginBottom: "0",
+          display: "flex",
+          flexDirection: "column"
         }}
       >
         <Tabs
           className="cs-tabs"
           style={{
-            height: "100%"
+            flexGrow: "1",
+            display: "flex",
+            flexDirection: "column"
           }}
           selectedIndex={this.state.index}
           onSelect={(tab) => this.handleTabClick(tab)}

client/lib/layout/create/create-drawer.jsx

@@ -6,18 +6,6 @@ import h from "../../helpers";
 import CreateContent from "./create-content";
 
 const useStyles = makeStyles(() => ({
-  root: {
-    display: "flex",
-    position: "fixed",
-    bottom: "10px",
-    right: "20px",
-    zIndex: 1000
-  },
-  drawer: {
-    width: "100%",
-    height: "100%",
-    flexShrink: 0,
-  },
   drawerPaper: {
     width: "100%",
     height: "100%",
@@ -28,18 +16,13 @@ const useStyles = makeStyles(() => ({
     display: "flex",
     alignItems: "center",
     justifyContent: "space-between",
-    paddingRight: "20px",
-    paddingBottom: "20px",
+    padding: "10px 7px 10px 20px",
     backgroundColor: "#31383d"
   },
   drawerHeaderTitle: {
-    float: "left",
-    marginLeft: "19px",
     display: "flex",
-    justifyContent: "center",
     alignItems: "center",
     fontSize: "40px",
-    marginBottom: "-10px",
     color: "#fff"
   },
   drawerHeaderDefault: {

client/lib/layout/create/wizards.jsx

@@ -7,10 +7,10 @@ import resourceMetadata from "../../../shared/manifests/resource-metadata";
 const useStyles = makeStyles(() => ({
   root: {
     position: "absolute",
-    top: "134px",
-    bottom: "20px",
-    left: "20px",
-    right: "20px"
+    top: "0",
+    bottom: "0",
+    left: "0",
+    right: "0"
   },
   content: {
     padding: "40px",