Framework WIP:

- Get nextmatch scrolling

kdots/assets/styles/framework.less

@@ -13,7 +13,8 @@ egw-framework#egw_fw_basecontainer {
   /* Internals */
 
   &::part(status-split) {
-	--max: 150px;
+	/* This limits the max size of the status panel */
+	--max: 32px;
   }
 
   &::part(header) {
@@ -73,14 +74,6 @@ egw-framework#egw_fw_basecontainer {
   }
 }
 
-egw-app {
-  &::part(name) {
-	display: flex;
-	align-items: center;
-	text-wrap: nowrap;
-  }
-}
-
 /*** HEADER ***/
 #egw_fw_topmenu_info_items {
   display: flex;
@@ -168,6 +161,24 @@ egw-app {
 
 /*** END HEADER ***/
 
-div#egw_fw_basecontainer {
+/*** APPLICATION ***/
-  display: none;
+egw-app {
+  &::part(name) {
+	display: flex;
+	align-items: center;
+	text-wrap: nowrap;
+  }
+
+  &::part(content) {
+	flex-direction: column;
+  }
+}
+
+/*** END APPLICATION ***/
+
+/*** WIDGETS ***/
+/* This should mostly go away with webcomponents */
+.egwGridView_scrollarea {
+  overflow-x: hidden;
+  overflow-y: auto;
 }

kdots/js/EgwFrameworkApp.styles.ts

@@ -149,11 +149,14 @@ export default css`
 			overflow-y: auto;
 		}
 
-		egw_fw_app__main_content {
+		.egw_fw_app__main_content {
 			display: flex;
+			flex-direction: column;
+			align-items: stretch;
 		}
 
 		::slotted(*) {
+			flex: 1 1 auto;
 		}
 
 		::slotted(iframe) {

kdots/js/EgwFrameworkApp.ts

@@ -94,7 +94,7 @@ export class EgwFrameworkApp extends LitElement
 	name = "Application name";
 
 	@property()
-	title : string = "Application title";
+	title : string = "";
 
 	@property()
 	url = "";
@@ -161,6 +161,7 @@ export class EgwFrameworkApp extends LitElement
 
 	firstUpdated()
 	{
+
 		this.load(this.url);
 	}
 
@@ -573,7 +574,7 @@ export class EgwFrameworkApp extends LitElement
                     ></sl-icon-button>`
                                    : nothing
                     }
-                    <h2>${this.title ?? this.egw?.lang(this.name) ?? this.name}</h2>
+                    <h2>${this.title || this.egw?.lang(this.name) || this.name}</h2>
                 </div>
                 <header class="egw_fw_app__header" part="header">
                     <slot name="main-header"><span class="placeholder"> ${this.name} main-header</span></slot>