You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@royale.apache.org by ca...@apache.org on 2018/07/22 08:46:14 UTC

[royale-asjs] branch develop updated: main content respect the height of the rest of content when resizing to different responsive sizes

This is an automated email from the ASF dual-hosted git repository.

carlosrovira pushed a commit to branch develop
in repository https://gitbox.apache.org/repos/asf/royale-asjs.git


The following commit(s) were added to refs/heads/develop by this push:
     new 688dc1c  main content respect the height of the rest of content when resizing to different responsive sizes
688dc1c is described below

commit 688dc1c608d025770e2a67e1ca7b3cd0afa97bbb
Author: Carlos Rovira <ca...@apache.org>
AuthorDate: Sun Jul 22 10:46:09 2018 +0200

    main content respect the height of the rest of content when resizing to different responsive sizes
---
 frameworks/projects/Jewel/src/main/resources/defaults.css               | 2 ++
 frameworks/projects/Jewel/src/main/sass/_global.sass                    | 2 +-
 .../Jewel/src/main/sass/components/_applicationmaincontent.sass         | 2 +-
 3 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/frameworks/projects/Jewel/src/main/resources/defaults.css b/frameworks/projects/Jewel/src/main/resources/defaults.css
index be04112..cf79dd9 100644
--- a/frameworks/projects/Jewel/src/main/resources/defaults.css
+++ b/frameworks/projects/Jewel/src/main/resources/defaults.css
@@ -48,6 +48,7 @@ j|ApplicationResponsiveView {
 .applicationResponsiveView {
   display: inline-flex;
   width: 100%;
+  min-height: 100%;
 }
 
 j|ApplicationView {
@@ -2923,6 +2924,7 @@ j|TitleBar {
 
 .jewel.main {
   width: 100%;
+  min-height: 100%;
 }
 
 .has-topappbar {
diff --git a/frameworks/projects/Jewel/src/main/sass/_global.sass b/frameworks/projects/Jewel/src/main/sass/_global.sass
index 5c981d0..ca3e9ee 100644
--- a/frameworks/projects/Jewel/src/main/sass/_global.sass
+++ b/frameworks/projects/Jewel/src/main/sass/_global.sass
@@ -49,7 +49,7 @@ j|ApplicationResponsiveView
 .applicationResponsiveView
 	display: inline-flex
 	width: 100%
-	// height: 100% // can't have 100% height or prevents app scrolling
+	min-height: 100% // can't have 100% height without prevents app scrolling
 
 j|ApplicationView
 	IBeadView: ClassReference("org.apache.royale.html.beads.GroupView")
diff --git a/frameworks/projects/Jewel/src/main/sass/components/_applicationmaincontent.sass b/frameworks/projects/Jewel/src/main/sass/components/_applicationmaincontent.sass
index fd80971..7bab3f9 100644
--- a/frameworks/projects/Jewel/src/main/sass/components/_applicationmaincontent.sass
+++ b/frameworks/projects/Jewel/src/main/sass/components/_applicationmaincontent.sass
@@ -23,7 +23,7 @@
 
 .jewel.main
     width: 100%
-    // height: 100%
+    min-height: 100%
     
     // display: inline-block
     // flex-grow: 1