Prevent logout button hiding

client/scss/components/_main-nav.scss

@@ -101,7 +101,7 @@
         }
     }
 
-    .footer-submenu {
+    .nav-footer-submenu {
         a {
             border-left: 3px solid transparent;
             overflow: hidden;
@@ -328,14 +328,14 @@ body.explorer-open {
         margin-bottom: $nav-footer-closed-height;
         @include transition(margin-bottom 0.2s ease);
 
-        .footer {
+        .nav-footer {
             position: fixed;
             width: $menu-width;
             bottom: 0;
             background-color: $nav-footer-submenu-bg;
         }
 
-        .footer-submenu {
+        .nav-footer-submenu {
             @include transition(max-height 0.2s ease);
             max-height: 0;
         }
@@ -343,7 +343,7 @@ body.explorer-open {
         &--open-footer {
             margin-bottom: $nav-footer-open-height;
 
-            .footer-submenu {
+            .nav-footer-submenu {
                 max-height: $nav-footer-submenu-height;
             }
         }
@@ -522,7 +522,7 @@ footer,
 
 @include media-breakpoint-up(sm) {
     .nav-main {
-        .footer {
+        .nav-footer {
             z-index: 2;
         }
     }

wagtail/admin/templates/wagtailadmin/shared/main_nav.html

@@ -4,7 +4,7 @@
     <ul>
         {{ menu_html }}
 
-        <li class="footer" id="footer">
+        <li class="nav-footer" id="footer">
             <div class="account" id="account-settings" title="{% trans 'Edit your account' %}">
                 <span class="avatar square avatar-on-dark">
                     <img src="{% avatar_url request.user size=50 %}" alt="" />
@@ -12,7 +12,7 @@
                 <em class="icon icon-arrow-up-after">{{ request.user.first_name|default:request.user.get_username }}</em>
             </div>
 
-            <ul class="footer-submenu">
+            <ul class="nav-footer-submenu">
                 <li><a href="{% url 'wagtailadmin_account' %}" class="icon icon-user">{% trans "Account settings" %}</a></li>
                 <li><a href="{% url 'wagtailadmin_logout' %}" class="icon icon-logout">{% trans "Log out" %}</a></li>
             </ul>