diff options
Diffstat (limited to 'www')
| -rw-r--r-- | www/css/style.css | 14 | ||||
| -rw-r--r-- | www/templates/events-modal.html | 2 |
2 files changed, 10 insertions, 6 deletions
diff --git a/www/css/style.css b/www/css/style.css index adf1ca7e..9eea6224 100644 --- a/www/css/style.css +++ b/www/css/style.css @@ -207,12 +207,16 @@ Credit: https://css-tricks.com/snippets/css/a-guide-to-flexbox/ } .header-centered { - background: black; - color: #cccccc; - border-color: #ba3e3e; - border-style: none; - opacity: 80%; + + background:rgba(0,0,0,0.7); + color: rgba(255,255,255); + + z-index:9999; + position:absolute; + top:50%; + left:40%; transform: translate(-50%, -50%); + } diff --git a/www/templates/events-modal.html b/www/templates/events-modal.html index 531d4488..7ab9d828 100644 --- a/www/templates/events-modal.html +++ b/www/templates/events-modal.html @@ -66,7 +66,7 @@ <div ng-if="defaultVideo!==undefined && defaultVideo!='' && !isSnapShot() && !isStreamStopped()"> - <div ng-if="isVideoLoading" style="position:absolute; top:50%; left:50%;white-space:nowrap;overflow:hidden;z-index:999999" + <div ng-if="isVideoLoading" class="header-centered animated pulse infinite"> {{'kVideoLoading' | translate}}... |