GUADEC 2017 site menu dropdown list potential fix



The 2017 GUADEC site's drop down menu for event details prevents users at least on my chrome version from using the menu because the dropdown appears too low. Here's a code fix for the web person there, from another web person who loves using GNOME every damn day.

In the style.css file change the code block

// Existing live version
.main-navigation ul ul {
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    border: 1px solid #dadada;
    background: #fff;
    color: #8c9398;
    float: right;
    position: absolute;
    top: 3.3em;
    right: -999em;
    z-index: 99999;
}


// --- TO THIS ---


// Updated version, the only thing updated is top:``
.main-navigation ul ul {
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    border: 1px solid #dadada;
    background: #fff;
    color: #8c9398;
    float: right;
    position: absolute;
    top: 30px;
    right: -999em;
    z-index: 99999;
}


Setting top to 30px there will fix the problem as it stands,

Jay


[Date Prev][Date Next]   [Thread Prev][Thread Next]   [Thread Index] [Date Index] [Author Index]