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

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


The following commit(s) were added to refs/heads/master by this push:
     new d3e8193  ISIS-2062: fixes z-index for menu items (issue when 
overlapping)
d3e8193 is described below

commit d3e81935cf1b25c820a057de7a1a20c1a203eadc
Author: Andi Huber <ahu...@apache.org>
AuthorDate: Sat Nov 9 11:46:33 2019 +0100

    ISIS-2062: fixes z-index for menu items (issue when overlapping)
    
    opinionated change: switches flex-direction to 'row' for the intro
---
 antora/supplemental-ui/css/home/style.css | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/antora/supplemental-ui/css/home/style.css 
b/antora/supplemental-ui/css/home/style.css
index 539f5d8..fdc7db0 100644
--- a/antora/supplemental-ui/css/home/style.css
+++ b/antora/supplemental-ui/css/home/style.css
@@ -128,7 +128,8 @@ h6 {
   transition: all 0.5s;
   z-index: 997;
   background: #fff;
-  box-shadow: 0px 6px 9px 0px rgba(0, 0, 0, 0.06);
+  /* disabled because it renders over top menu when medium display width
+  box-shadow: 0px 6px 9px 0px rgba(0, 0, 0, 0.06); */  
 }
 
 #header #logo h1 {
@@ -165,6 +166,7 @@ h6 {
   position: relative;
   background: url("../../img/home/intro-carousel/carousel-1.jpg") no-repeat;
   background-size: cover;
+  z-index: -1; /* guarantees to not hide overlapping menu buttons */
 }
 
 #intro .intro-content {
@@ -188,9 +190,9 @@ h6 {
   align-items: center;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
+  -webkit-flex-direction: row;
+  -ms-flex-direction: row;
+  flex-direction: row;
   text-align: center;
 }
 

Reply via email to