From 286de7efd7d18b0b220407a8a61d7396dadf8761 Mon Sep 17 00:00:00 2001
From: Bryan Braun <bbraun7@gmail.com>
Date: Wed, 6 Feb 2013 00:44:32 -0500
Subject: [PATCH] Issue #1855208 by bryanbraun: Allowed vertical toolbar tray
 to scroll independantly of page for non-touch devices.


Signed-off-by: Bryan Braun <bbraun7@gmail.com>
---
 core/modules/toolbar/css/toolbar.base.css | 17 ++++++++++++++++-
 1 file changed, 16 insertions(+), 1 deletion(-)

diff --git a/core/modules/toolbar/css/toolbar.base.css b/core/modules/toolbar/css/toolbar.base.css
index e6cf95a..15a63ec 100644
--- a/core/modules/toolbar/css/toolbar.base.css
+++ b/core/modules/toolbar/css/toolbar.base.css
@@ -84,7 +84,7 @@ html.js .toolbar {
  */
 .js .toolbar .tray {
   display: none;
-  position: absolute;
+  position: fixed;
 }
 .toolbar .tray {
   z-index: 250;
@@ -115,6 +115,8 @@ html.js .toolbar {
 .toolbar .vertical > .lining:before {
   left: -100%; /* LTR */
   min-height: 100%;
+  overflow-x: hidden;
+  overflow-y: auto;
   position: absolute;
   width: 100%;
 }
@@ -141,7 +143,9 @@ html.js .toolbar {
 }
 .toolbar .vertical.active,
 .toolbar .vertical.active > .lining {
+  bottom: 0;
   left: 0; /* LTR */
+  top: 0;
 }
 .toolbar .horizontal .menu li ul {
   display: none;
@@ -211,3 +215,14 @@ html.js .toolbar {
   float: right; /* LTR */
   width: 100%;
 }
+/**
+ * Make vertical toolbar tray scroll with page for touch devices.
+ */
+.js.touch .toolbar .tray {
+  position: absolute;
+}
+.touch .toolbar .vertical.active,
+.touch .toolbar .vertical.active > .lining {
+  bottom: auto;
+  top: auto;
+}
-- 
1.7.11.3