From 4eaeb0d692204facfc5b2ee0489f37a2f6330d58 Mon Sep 17 00:00:00 2001 From: "Patrik J. Braun" Date: Thu, 22 Nov 2018 21:00:25 +0100 Subject: [PATCH] video indicator design improvement --- .../grid/photo/photo.grid.gallery.component.css | 14 +++++++++++++- 1 file changed, 13 insertions(+), 1 deletion(-) diff --git a/frontend/app/gallery/grid/photo/photo.grid.gallery.component.css b/frontend/app/gallery/grid/photo/photo.grid.gallery.component.css index 8ee32f52..62ed8659 100644 --- a/frontend/app/gallery/grid/photo/photo.grid.gallery.component.css +++ b/frontend/app/gallery/grid/photo/photo.grid.gallery.component.css @@ -94,8 +94,20 @@ a { .video-indicator{ font-size: large; - padding: 10px; + padding: 5px; position: absolute; transform: translate(-100%); white-space: nowrap; + border-bottom-left-radius: 15px !important; + background-color: rgba(0, 0, 0, 0.5); + color: white; + transition: background-color .3s ease-out; + -moz-transition: background-color .3s ease-out; + -webkit-transition: background-color .3s ease-out; + -o-transition: background-color .3s ease-out; + -ms-transition: background-color .3s ease-out; +} + +.photo-container:hover .video-indicator{ + background-color: rgba(0, 0, 0, 0.8); }