deblan-mirror/thelounge
deblan-mirror/thelounge
1
0
Fork 0
mirror of https://github.com/thelounge/thelounge.git synced 2024-06-03 06:12:22 +02:00
Code Issues Projects Releases Wiki Activity

Fix transitions of sidebar overlay

Browse source
This commit is contained in:
Jérémie Astori 2018-03-17 21:08:08 -04:00
parent 84f460d9b8
commit 6828cd1075
No known key found for this signature in database
GPG key ID: B9A4F245CD67BDE8
1 changed files with 5 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
client/css/style.css
View file

@ -2274,7 +2274,7 @@ part/quit messages where we don't load previews (adds a blank line otherwise) */
position: absolute; position: absolute;
left: -220px; left: -220px;
z-index: 2; z-index: 2;
transition: transform 160ms, box-shadow 0.2s; transition: transform 160ms, box-shadow 160ms;
transform: translateZ(0); transform: translateZ(0);
} }
@ -2286,8 +2286,8 @@ part/quit messages where we don't load previews (adds a blank line otherwise) */
right: 0; right: 0;
background: rgba(0, 0, 0, 0.5); background: rgba(0, 0, 0, 0.5);
opacity: 0; opacity: 0;
display: none; visibility: hidden;
transition: opacity 160ms; transition: opacity 160ms, visibility 160ms;
z-index: 1; 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-overlay,
#viewport.menu-dragging #sidebar { #viewport.menu-dragging #sidebar {
transition: none !important; transition: box-shadow 160ms;
} }
#viewport.menu-open #sidebar, #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-open #sidebar-overlay,
#viewport.menu-dragging #sidebar-overlay { #viewport.menu-dragging #sidebar-overlay {
display: block; visibility: visible;
}
#viewport.menu-open .messages {
pointer-events: none;
} }
#sidebar .empty::before { #sidebar .empty::before {