From b7e557e49a7c5b8363ec2990f1944a5369a17eea Mon Sep 17 00:00:00 2001
From: Travis Ralston <travpc@gmail.com>
Date: Thu, 4 Apr 2019 16:27:00 -0600
Subject: [PATCH] Autohide the scrollbar on breadcrumbs

Fixes https://github.com/vector-im/riot-web/issues/9349
---
 res/css/views/rooms/_RoomBreadcrumbs.scss     | 7 ++++++-
 src/components/views/rooms/RoomBreadcrumbs.js | 1 -
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/res/css/views/rooms/_RoomBreadcrumbs.scss b/res/css/views/rooms/_RoomBreadcrumbs.scss
index 7e7ab5f23b..715851f615 100644
--- a/res/css/views/rooms/_RoomBreadcrumbs.scss
+++ b/res/css/views/rooms/_RoomBreadcrumbs.scss
@@ -19,10 +19,15 @@ limitations under the License.
     height: 42px;
     padding: 8px;
     padding-bottom: 0;
-    overflow-x: visible;
     display: flex;
     flex-direction: row;
 
+    // Autohide the scrollbar
+    overflow-x: hidden;
+    &:hover {
+        overflow-x: visible;
+    }
+
     .mx_AutoHideScrollbar_offset {
         display: flex;
         flex-direction: row;
diff --git a/src/components/views/rooms/RoomBreadcrumbs.js b/src/components/views/rooms/RoomBreadcrumbs.js
index 314b2912cd..da3d4cf37d 100644
--- a/src/components/views/rooms/RoomBreadcrumbs.js
+++ b/src/components/views/rooms/RoomBreadcrumbs.js
@@ -14,7 +14,6 @@ See the License for the specific language governing permissions and
 limitations under the License.
 */
 
-'use strict';
 import React from "react";
 import dis from "../../../dispatcher";
 import MatrixClientPeg from "../../../MatrixClientPeg";