QQQ-21 css updates (left-nav wrap; css file for selected-rows thing)

src/index.tsx

@@ -19,6 +19,7 @@ import App from "App";
 
 // Material Dashboard 2 PRO React TS Context Provider
 import { MaterialUIControllerProvider } from "context";
+import "./qqq/styles/qqq-override-styles.css";
 
 ReactDOM.render(
    <BrowserRouter>

src/qqq/pages/entity-list/index.tsx

@@ -58,6 +58,8 @@ import QClient from "qqq/utils/QClient";
 import Footer from "../../components/Footer";
 import QProcessUtils from "../../utils/QProcessUtils";
 
+import "./styles.css";
+
 const COLUMN_VISIBILITY_LOCAL_STORAGE_KEY = "qqq.columnVisibility";
 const COLUMN_SORT_LOCAL_STORAGE_KEY = "qqq.columnSort";
 
@@ -326,7 +328,6 @@ function EntityList({ table }: Props): JSX.Element
 
    function CustomToolbar()
    {
-      const selectionToolStyle = { marginLeft: "40px", fontSize: "14px" };
       return (
          <GridToolbarContainer>
             <GridToolbarColumnsButton />
@@ -336,7 +337,7 @@ function EntityList({ table }: Props): JSX.Element
             <div>
                {
                   selectFullFilterState === "checked" && (
-                     <div style={selectionToolStyle}>
+                     <div className="selectionTool">
                         The
                         <strong>{` ${selectedIds.length.toLocaleString()} `}</strong>
                         records on this page are selected.
@@ -350,7 +351,7 @@ function EntityList({ table }: Props): JSX.Element
                }
                {
                   selectFullFilterState === "filter" && (
-                     <div style={selectionToolStyle}>
+                     <div className="selectionTool">
                         All
                         <strong>{` ${totalRecords.toLocaleString()} `}</strong>
                         records matching this query are selected.

src/qqq/pages/entity-list/styles.css

@@ -0,0 +1,26 @@
+/*
+ * QQQ - Low-code Application Framework for Engineers.
+ * Copyright (C) 2021-2022.  Kingsrook, LLC
+ * 651 N Broad St Ste 205 # 6917 | Middletown DE 19709 | United States
+ * contact@kingsrook.com
+ * https://github.com/Kingsrook/
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as
+ * published by the Free Software Foundation, either version 3 of the
+ * License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program.  If not, see <https://www.gnu.org/licenses/>.
+ */
+
+.selectionTool
+{
+   margin-left: 40px;
+   font-size: 14px;
+}

src/qqq/styles/qqq-override-styles.css

@@ -0,0 +1,24 @@
+/*
+ * QQQ - Low-code Application Framework for Engineers.
+ * Copyright (C) 2021-2022.  Kingsrook, LLC
+ * 651 N Broad St Ste 205 # 6917 | Middletown DE 19709 | United States
+ * contact@kingsrook.com
+ * https://github.com/Kingsrook/
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as
+ * published by the Free Software Foundation, either version 3 of the
+ * License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program.  If not, see <https://www.gnu.org/licenses/>.
+ */
+
+.MuiDrawer-docked .MuiPaper-elevation {
+   white-space: normal;
+}