QRunIO/qqq-frontend-material-dashboard
2
0
Fork 0
mirror of https://github.com/Kingsrook/qqq-frontend-material-dashboard.git synced 2025-07-17 12:50:43 +00:00
Code Issues Packages Projects Releases Wiki Activity

CE-793 - Fix grid pinned column height; new style for toggle buttons

Browse Source
This commit is contained in:
darin.kelkhoff
2024-01-29 19:55:23 -06:00
parent 5d479ad04a
commit db2cdc3603
1 changed files with 37 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
src/qqq/styles/qqq-override-styles.css
View File

@ -427,7 +427,8 @@ input[type="search"]::-webkit-search-results-decoration { display: none; }
.MuiDataGrid-panel:has(.customFilterPanel)
{
/* overwrite what the grid tries to do here, where it changes based on density... we always want the same. */
transform: translate(274px, 305px) !important;
/* transform: translate(274px, 305px) !important; */
transform: translate(274px, 276px) !important;
}
/* within the data-grid, the filter-panel's container has a max-height. mirror that, and set an overflow-y */
@ -614,4 +615,38 @@ input[type="search"]::-webkit-search-results-decoration { display: none; }
.dataGridHeaderTooltip
{
top: -1.25rem;
}
}
/* when grid contents weren't filling the height of the screen, the gray panel for pinned columns
was stretching to most of the grid height, but it wasn't the full height and so looked a little
broken. just turing off this min height changes to not try to stretch at all, and is not broken. */
.MuiDataGrid-pinnedColumns
{
min-height: unset !important;
}
/* new style for toggle buttons */
.MuiToggleButtonGroup-root
{
padding: 0.25rem;
border: 1px solid #BDBDBD;
border-radius: 0.5rem !important;
}
.MuiToggleButtonGroup-root .MuiButtonBase-root
{
text-transform: none;
font-size: 0.75rem;
color: black;
font-weight: 600;
border-radius: 0.375rem !important; /* overriding left/right edge overrides for first/last */
border: none;
flex: 1 1 0px;
}
.MuiToggleButtonGroup-root .MuiButtonBase-root.Mui-selected
{
background: rgba(117, 117, 117, 0.20);
}
.MuiToggleButtonGroup-root .MuiButtonBase-root.Mui-disabled
{
border: none;
}