paulmataruso/zulip
1
0
Fork 0
mirror of https://github.com/zulip/zulip.git synced 2025-11-03 13:33:24 +00:00
Code Issues Packages Projects Releases Wiki Activity

Switch "lightbox" to new component overlay.

Browse Source
This commit is contained in:
Brock Whittaker
2017-03-13 11:11:30 -07:00
committed by Tim Abbott
parent 81b2114d8c
commit 8419eedcbd
2 changed files with 1 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
static/styles/overlay.css
View File

@@ -1,30 +1,10 @@
#overlay { #overlay {
position: fixed;
top: 0px;
left: 0px;
width: 100vw;
height: 100vh;
pointer-events: none;
opacity: 0;
background-color: #19203a; background-color: #19203a;
box-shadow: 0 0 20px rgba(0,0,0,0.2);
z-index: 110;
transition: all 0.2s ease;
overflow: auto;
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
} }
#overlay.show {
pointer-events: auto;
opacity: 1;
}
#overlay .image-preview { #overlay .image-preview {
display: flex; display: flex;
align-items: center; align-items: center;

2
templates/zerver/lightbox_overlay.html
View File

@@ -1,4 +1,4 @@
<div id="overlay" class="new-style"> <div id="overlay" class="overlay new-style">
<div class="image-info-wrapper"> <div class="image-info-wrapper">
<div class="image-description"> <div class="image-description">
<div class="title"></div> <div class="title"></div>