fix(collapsibleElements): add classes and css rule to make collapsed widgets on record view screens not full-height (so if they're next to a full-height section of fields they don't look brokenly empty)

src/qqq/components/widgets/DashboardWidgets.tsx

@@ -530,7 +530,7 @@ function DashboardWidgets({widgetMetaDataList, tableName, entityPrimaryKey, reco
       }
 
       return (
-         <Box key={`${widgetMetaData.name}-${i}`} sx={{alignItems: "stretch", flexGrow: 1, display: "flex", marginTop: "0px", paddingTop: "0px", width: "100%", height: "100%", flexDirection: widgetMetaData.type == "multiTable" ? "column" : "row"}}>
+         <Box className="dashboardWidgetContainer" key={`${widgetMetaData.name}-${i}`} sx={{alignItems: "stretch", flexGrow: 1, display: "flex", marginTop: "0px", paddingTop: "0px", width: "100%", height: "100%", flexDirection: widgetMetaData.type == "multiTable" ? "column" : "row"}}>
             {
                haveLoadedParams && widgetMetaData.type === "parentWidget" && (
                   <ParentWidget

src/qqq/components/widgets/Widget.tsx

@@ -800,7 +800,7 @@ function Widget(props: React.PropsWithChildren<Props>): JSX.Element
 
    const errorLoading = props.widgetData?.errorLoading !== undefined && props.widgetData?.errorLoading === true;
    const widgetContent =
-      <Box sx={{width: "100%", height: "100%", minHeight: props.widgetMetaData?.minHeight ? props.widgetMetaData?.minHeight : "initial"}}>
+      <Box className={collapsibleStateIsOpen ? "widgetIsNotCollapsed" : "widgetIsCollapsed"} sx={{width: "100%", height: collapsibleStateIsOpen ? "100%" : "auto", minHeight: props.widgetMetaData?.minHeight ? props.widgetMetaData?.minHeight : "initial"}}>
          {
             needLabelBox &&
             <Box display="flex" justifyContent="space-between" alignItems="flex-start" sx={{width: "100%", ...props.labelBoxAdditionalSx}} minHeight={"2.5rem"} className="widgetLabelBox" {...moreHeaderProps}>

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

@@ -716,6 +716,16 @@ input[type="search"]::-webkit-search-results-decoration
    padding: 24px;
 }
 
+/* Remove the height: 100% from the container above collapsed dashboard widgets.
+The .widgetIsCollapsed is a 2-level deep descendant of .dashboardWidgetContainer
+(and we don't want to find deeper levels, due to parent widgets maybe having an
+inner child collapsed, which is why the '> * >' is used in the :has()).
+Limit this to the record-view screen, until it's found to be wanted elsewhere. */
+.recordView .dashboardWidgetContainer:has(> * > .widgetIsCollapsed)
+{
+   height: auto;
+}
+
 .MuiPickersDay-root.Mui-selected, .MuiPickersDay-root.MuiPickersDay-dayWithMargin:hover
 {
    color: white;