From 6828cd1075120e8ac4260f7cd0bf5db1afd5b707 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?J=C3=A9r=C3=A9mie=20Astori?= Date: Sat, 17 Mar 2018 21:08:08 -0400 Subject: [PATCH] Fix transitions of sidebar overlay --- client/css/style.css | 14 +++++--------- 1 file changed, 5 insertions(+), 9 deletions(-) diff --git a/client/css/style.css b/client/css/style.css index 951af23f..5e1a0061 100644 --- a/client/css/style.css +++ b/client/css/style.css @@ -2274,7 +2274,7 @@ part/quit messages where we don't load previews (adds a blank line otherwise) */ position: absolute; left: -220px; z-index: 2; - transition: transform 160ms, box-shadow 0.2s; + transition: transform 160ms, box-shadow 160ms; transform: translateZ(0); } @@ -2286,8 +2286,8 @@ part/quit messages where we don't load previews (adds a blank line otherwise) */ right: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; - display: none; - transition: opacity 160ms; + visibility: hidden; + transition: opacity 160ms, visibility 160ms; z-index: 1; } @@ -2302,7 +2302,7 @@ part/quit messages where we don't load previews (adds a blank line otherwise) */ #viewport.menu-dragging #sidebar-overlay, #viewport.menu-dragging #sidebar { - transition: none !important; + transition: box-shadow 160ms; } #viewport.menu-open #sidebar, @@ -2312,11 +2312,7 @@ part/quit messages where we don't load previews (adds a blank line otherwise) */ #viewport.menu-open #sidebar-overlay, #viewport.menu-dragging #sidebar-overlay { - display: block; - } - - #viewport.menu-open .messages { - pointer-events: none; + visibility: visible; } #sidebar .empty::before {