Anti-shelf-overlapping fixes for several menus.

ui/login/login_ui_tools.js

Index: ui/login/login_ui_tools.js
diff --git a/ui/login/login_ui_tools.js b/ui/login/login_ui_tools.js
new file mode 100644
index 0000000000000000000000000000000000000000..1daf6854674e8f7f4c333dbb1b42504033261bea
--- /dev/null
+++ b/ui/login/login_ui_tools.js
@@ -0,0 +1,24 @@
+// Copyright 2014 The Chromium Authors. All rights reserved.
+// Use of this source code is governed by a BSD-style license that can be
+// found in the LICENSE file.
+
+/**
+ * @fileoverview JS helpers used on login.
+ */
+
+cr.define('cr.ui.LoginUITools', function() {
+  return {
+    /**
+     * Computes max-height for an element so that it doesn't overlap shelf.
+     * @param {element} DOM element
+     */
+    getMaxHeightBeforeShelfOverlapping : function(element) {
+      var maxAllowedHeight =
+          $('outer-container').offsetHeight -
+          element.getBoundingClientRect().top -
+          parseInt(window.getComputedStyle(element).marginTop) -
+          parseInt(window.getComputedStyle(element).marginBottom);
+      return maxAllowedHeight;
+    }
+  }
+});