[kibble] branch master updated: fix modal window size, position and scrolling

[hu...@apache.org]

This is an automated email from the ASF dual-hosted git repository.

humbedooh pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/kibble.git


The following commit(s) were added to refs/heads/master by this push:
     new 4e2159b  fix modal window size, position and scrolling
4e2159b is described below

commit 4e2159b6c5fd8a690af9d55b6c409b42af7f6779
Author: Daniel Gruno <hu...@apache.org>
AuthorDate: Sat Feb 24 09:35:11 2018 +0100

    fix modal window size, position and scrolling
    
    Previously, this window was positioned wrongly, and
    had no visible scroll bar when the data overflowed.
---
 ui/css/c3.css | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/ui/css/c3.css b/ui/css/c3.css
index e336701..2de7dca 100644
--- a/ui/css/c3.css
+++ b/ui/css/c3.css
@@ -241,12 +241,12 @@
 
 .chartModalContent {
     background-color: #fefefe;
-    margin: 15% auto; /* 15% from the top and centered */
+    margin: 15vh 15vh 15vh 15vh; /* 15% from the top and centered */
     padding: 20px;
     border: 1px solid #888;
     width: 80%; /* Could be more or less, depending on screen size */
-    height: 60%;
-    overflow: scroll;
+    overflow-y: scroll;
+    max-height: calc(100vh - 30vh);
     font-family: sans-serif;
     font-size: 12px;
 }

-- 
To stop receiving notification emails like this one, please contact
humbedooh@apache.org.