diff options
| author | monikahedman <monika_hedman@brown.edu> | 2019-08-21 17:22:05 -0400 |
|---|---|---|
| committer | monikahedman <monika_hedman@brown.edu> | 2019-08-21 17:22:05 -0400 |
| commit | 55ae5df54051d8a0bcc341d51ea7e998635722a6 (patch) | |
| tree | dd910f79a5e9cc522d52b7d0f4194f697dcfd0da /src/client/views/nodes/ImageBox.scss | |
| parent | 6604c40d02b4dd7c6a6c663f301bcaedfee6998f (diff) | |
| parent | 43d731ef2a6b2bd3fcdb7dd26fb6a8beac8e1306 (diff) | |
pulled from master
Diffstat (limited to 'src/client/views/nodes/ImageBox.scss')
| -rw-r--r-- | src/client/views/nodes/ImageBox.scss | 27 |
1 files changed, 25 insertions, 2 deletions
diff --git a/src/client/views/nodes/ImageBox.scss b/src/client/views/nodes/ImageBox.scss index 497ce96c9..b1afa3f7d 100644 --- a/src/client/views/nodes/ImageBox.scss +++ b/src/client/views/nodes/ImageBox.scss @@ -62,17 +62,40 @@ position:relative; width:100%; margin:0 auto; + display:flex; + align-items: center; + height:100%; + .imageBox-fadeBlocker { + width:100%; + height:100%; + background: black; + display:flex; + flex-direction: row; + align-items: center; + z-index: 1; + .imageBox-fadeaway { + object-fit: contain; + width:100%; + height:100%; + } + } } #cf img { position:absolute; left:0; + } + + .imageBox-fadeBlocker { -webkit-transition: opacity 1s ease-in-out; -moz-transition: opacity 1s ease-in-out; -o-transition: opacity 1s ease-in-out; transition: opacity 1s ease-in-out; } - - #cf img.fadeaway:hover { + .imageBox-fadeBlocker:hover { + -webkit-transition: opacity 1s ease-in-out; + -moz-transition: opacity 1s ease-in-out; + -o-transition: opacity 1s ease-in-out; + transition: opacity 1s ease-in-out; opacity:0; }
\ No newline at end of file |