[Rt-commit] rt branch, 5.0/round-2-updates-for-mobile, created. rt-5.0.0-172-g6f71c2b22a

Blaine Motsinger blaine at bestpractical.com
Thu Dec 24 16:48:23 EST 2020


The branch, 5.0/round-2-updates-for-mobile has been created
        at  6f71c2b22ab4863cd67eb94b5f283bbfddb88973 (commit)

- Log -----------------------------------------------------------------
commit 6f71c2b22ab4863cd67eb94b5f283bbfddb88973
Author: Blaine Motsinger <blaine at bestpractical.com>
Date:   Thu Dec 24 13:09:16 2020 -0600

    Fix main nav overlap on dark theme mobile
    
    For smaller mobile browsers sizes like 375px wide, on dark theme,
    the main nav overlaps the search box.  Raising the z-index of the
    search box fixes the issue in the simplest way in the short term.
    
    A better long term fix rather than relying on z-index is to rework
    the element sizing and padding, and remove the blanket cascading
    background color definition for dark theme.
    
    Additionally, center the search box slightly.

diff --git a/share/static/css/elevator-light/nav.css b/share/static/css/elevator-light/nav.css
index c9062d4384..2090c461d9 100644
--- a/share/static/css/elevator-light/nav.css
+++ b/share/static/css/elevator-light/nav.css
@@ -209,10 +209,10 @@ ul.sf-menu li {
     position: absolute;
     background: transparent;
     top: 0;
-    right: 18em;
+    right: 17.75em;
     width: auto;
     font-size: 0.9em;
-    z-index: 99;
+    z-index: 1000;
 }
 
 #topactions input[type="search"] {

-----------------------------------------------------------------------


More information about the rt-commit mailing list