QRunIO/qqq-frontend-material-dashboard
2
0
Fork 0
mirror of https://github.com/Kingsrook/qqq-frontend-material-dashboard.git synced 2025-07-18 05:10:45 +00:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
darin.kelkhoff
2022-07-13 11:12:16 -05:00
parent f29669411f
commit 61986b435b
4 changed files with 55 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
src/index.tsx
View File

@ -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>

7
src/qqq/pages/entity-list/index.tsx
View File

@ -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.

26
src/qqq/pages/entity-list/styles.css Normal file
View File

@ -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;
}

24
src/qqq/styles/qqq-override-styles.css Normal file
View File

@ -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;
}