diff --git a/src/index.tsx b/src/index.tsx index e17877c..d8c18b8 100644 --- a/src/index.tsx +++ b/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( diff --git a/src/qqq/pages/entity-list/index.tsx b/src/qqq/pages/entity-list/index.tsx index 743bbda..5022a0f 100644 --- a/src/qqq/pages/entity-list/index.tsx +++ b/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 ( @@ -336,7 +337,7 @@ function EntityList({ table }: Props): JSX.Element
{ selectFullFilterState === "checked" && ( -
+
The {` ${selectedIds.length.toLocaleString()} `} records on this page are selected. @@ -350,7 +351,7 @@ function EntityList({ table }: Props): JSX.Element } { selectFullFilterState === "filter" && ( -
+
All {` ${totalRecords.toLocaleString()} `} records matching this query are selected. diff --git a/src/qqq/pages/entity-list/styles.css b/src/qqq/pages/entity-list/styles.css new file mode 100644 index 0000000..5f4975c --- /dev/null +++ b/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 . + */ + +.selectionTool +{ + margin-left: 40px; + font-size: 14px; +} diff --git a/src/qqq/styles/qqq-override-styles.css b/src/qqq/styles/qqq-override-styles.css new file mode 100644 index 0000000..8654395 --- /dev/null +++ b/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 . + */ + +.MuiDrawer-docked .MuiPaper-elevation { + white-space: normal; +}