summaryrefslogtreecommitdiffstats
path: root/server/src/com/vaadin/ui/themes
diff options
context:
space:
mode:
authorTeppo Kurki <teppo.kurki@vaadin.com>2014-12-15 15:53:03 +0200
committerVaadin Code Review <review@vaadin.com>2014-12-17 10:27:18 +0000
commite615af509199b8956650d6c70a573c14597c90c1 (patch)
tree90fad36ac77e18e3aae54da16a9f2aa41dcb4c9d /server/src/com/vaadin/ui/themes
parenta9f24b00e9ddcd5ca19ac2907e0bf2413f036af4 (diff)
downloadvaadin-framework-e615af509199b8956650d6c70a573c14597c90c1.tar.gz
vaadin-framework-e615af509199b8956650d6c70a573c14597c90c1.zip
Fixes unnecessary padding-top added to all responsive UIs (#14679)
When using Valo theme and Responsive extension, all responsive UIs get a padding-top even though it should be only added when a Valo Menu is present in the UI. Added a stylename which has to be added to any responsive UIs containing a Valo Menu. Change-Id: Ib3e3c5341bef03c174accb01401b4a90c1deb29e
Diffstat (limited to 'server/src/com/vaadin/ui/themes')
-rw-r--r--server/src/com/vaadin/ui/themes/ValoTheme.java25
1 files changed, 25 insertions, 0 deletions
diff --git a/server/src/com/vaadin/ui/themes/ValoTheme.java b/server/src/com/vaadin/ui/themes/ValoTheme.java
index da80375114..1285bf7f67 100644
--- a/server/src/com/vaadin/ui/themes/ValoTheme.java
+++ b/server/src/com/vaadin/ui/themes/ValoTheme.java
@@ -882,6 +882,31 @@ public class ValoTheme {
/**
* <p>
+ * When you use the Valo menu and wish to enable responsive features of the
+ * menu, you need to add this style name to the UI containing the menu.
+ * </p>
+ *
+ * <p>
+ * You only need to add this style name to the UI containing a Valo menu, if
+ * you're using the Responsive extension with the UI.
+ * </p>
+ *
+ * <h4>Example</h4>
+ *
+ * <p>
+ * To enable responsivity in the Valo menu, the following example code
+ * should be executed in your UI containing the menu.
+ * </p>
+ *
+ * <pre>
+ * Responsive.makeResponsive(this);
+ * addStyleName(ValoTheme.UI_WITH_MENU);
+ * </pre>
+ */
+ public static final String UI_WITH_MENU = "valo-menu-responsive";
+
+ /**
+ * <p>
* Set the <em><b>primary</b></em> style name of a CssLayout to this, and
* add any number of layouts with the {@link #MENU_PART} style inside it.
* </p>