Checkered background for transparent images in image viewer

This commit is contained in:
Pavel Djundik 2017-09-09 13:02:54 +03:00 committed by Pavel Djundik
parent 3b049f174c
commit f2bc5adf7b

View file

@ -2190,6 +2190,13 @@ part/quit messages where we don't load previews (adds a blank line otherwise) */
/* Top/Bottom margins + button height + image/button margin */
max-height: calc(100vh - 2 * 10px - 37px - 10px);
/* Checkered background for transparent images */
background-position: 0 0, 10px 10px;
background-size: 20px 20px;
background-image:
linear-gradient(45deg, #eee 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 75%, #eee 75%, #eee 100%),
linear-gradient(45deg, #eee 25%, #fff 25%, #fff 75%, #eee 75%, #eee 100%);
}
#image-viewer .open-btn {