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";