From 8782b43ec2a513b02d8c1b170628db952dc0f44a Mon Sep 17 00:00:00 2001
From: Dries <dries@buytaert.net>
Date: Wed, 27 Feb 2013 16:45:14 -0500
Subject: [PATCH] Issue #1855208 by bryanbraun, jessebeach: Added Toolbar tray
needs to fix to top of screen on scroll.
---
core/modules/toolbar/css/toolbar.base.css | 14 ++++++++++++++
1 file changed, 14 insertions(+)
diff --git a/core/modules/toolbar/css/toolbar.base.css b/core/modules/toolbar/css/toolbar.base.css
index e6cf95a56189..58a2c2be828f 100644
--- a/core/modules/toolbar/css/toolbar.base.css
+++ b/core/modules/toolbar/css/toolbar.base.css
@@ -84,6 +84,10 @@ html.js .toolbar {
*/
.js .toolbar .tray {
display: none;
+ position: fixed;
+}
+/* Make vertical toolbar tray scroll with page for touch devices. */
+.touch .toolbar .tray {
position: absolute;
}
.toolbar .tray {
@@ -115,6 +119,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 +147,15 @@ html.js .toolbar {
}
.toolbar .vertical.active,
.toolbar .vertical.active > .lining {
+ bottom: 0;
left: 0; /* LTR */
+ top: 0;
+}
+/* Make vertical toolbar tray scroll with page for touch devices. */
+.touch .toolbar .vertical.active,
+.touch .toolbar .vertical.active > .lining {
+ bottom: auto;
+ top: auto;
}
.toolbar .horizontal .menu li ul {
display: none;
--
GitLab