Merge pull request #9815 from LukasHirt/feat/runtime-footer-portal

feat: add new portal into runtime to include footer
owncloud · Oct 16, 2023 · e8caeb4 · e8caeb4
2 parents e362f46 + 4b62829
commit e8caeb4
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 0 deletions.
diff --git a/changelog/unreleased/enhancement-runtime-footer-portal b/changelog/unreleased/enhancement-runtime-footer-portal
@@ -0,0 +1,5 @@
+Enhancement: Add new portal into runtime to include footer
+
+We've added a new portal into the application layout of runtime package. This portals allows developers to add new content below the app container. The name of the portal is `app.runtime.footer`.
+
+https://github.com/owncloud/web/pull/9815
diff --git a/packages/web-runtime/src/layouts/Application.vue b/packages/web-runtime/src/layouts/Application.vue
@@ -23,6 +23,8 @@
           />
         </template>
       </div>
+
+      <portal-target name="app.runtime.footer" />
     </div>
     <div class="snackbars">
       <message-bar :active-messages="activeMessages" @delete-message="deleteMessage" />
@@ -226,14 +228,19 @@ export default defineComponent({
   }
 
   #web-content-main {
+    align-items: flex-start;
+    display: flex;
+    flex-direction: column;
     flex-grow: 1;
+    justify-content: flex-start;
     overflow-y: hidden;
 
     .app-container {
       height: 100%;
       background-color: var(--oc-color-background-default);
       border-radius: 15px;
       overflow: hidden;
+      width: 100%;
 
       .app-content {
         transition: all 0.35s cubic-bezier(0.34, 0.11, 0, 1.12);