Merge pull request #25 from javier-godoy/feature/fixed

Allow configuration of fixed and reveals properties

Author: mlopezFC

src/main/java/com/flowingcode/addons/applayout/AppHeader.java

@@ -45,8 +45,7 @@ public AppHeader(String title, AppDrawer drawer) {
     }
 
     public AppHeader(Image logo, String title, AppDrawer drawer) {
-    	this.getElement().setAttribute("reveals", true);
-    	this.getElement().setAttribute("condenses", true);
+    	setReveals(true);
     	this.getElement().setAttribute("effects", true);
     	appToolbar = new AppToolbar(logo, title, drawer);
     	this.add(appToolbar);
@@ -69,7 +68,17 @@ public void setMenuIconVisible(boolean visible) {
 		appToolbar.setMenuIconVisible(visible);
 	}
 
-	void setHeight(String height) {
+	/**Mantains the header fixed at the top so it never moves away.*/
+	public void setFixed(boolean fixed) {
+		this.getElement().setAttribute("fixed", fixed);
+	}
+
+	/**Slides back the header when scrolling back up.*/
+	public void setReveals(boolean reveals) {
+		this.getElement().setAttribute("reveals", reveals);
+	}
+
+  void setHeight(String height) {
 		appToolbar.getElement().getStyle().set("height", height);
 	}
 

src/main/java/com/flowingcode/addons/applayout/AppLayout.java

@@ -108,5 +108,14 @@ public void setCaption(String caption) {
 	public void configurePage(InitialPageSettings settings) {
         settings.addMetaTag("viewport", "width=device-width, initial-scale=1.0");
 	}
-	
+
+	/**Mantains the header fixed at the top so it never moves away.*/
+	public void setFixed(boolean fixed) {
+		header.setFixed(fixed);
+	}
+
+	/**Slides back the header when scrolling back up.*/
+	public void setReveals(boolean reveals) {
+		header.setReveals(reveals);
+	}
 }

src/main/resources/META-INF/resources/frontend/styles/applayout-styles.html

@@ -48,6 +48,7 @@
 		  position: var(--layout-fixed-top_-_position); top: var(--layout-fixed-top_-_top); left: var(--layout-fixed-top_-_left); right: var(--layout-fixed-top_-_right);
 		      color: #fff;
 		      --app-header-background-rear-layer_-_background-color:  #ef6c00;;
+		  z-index: 1000;
 		}
 
 		app-drawer {