Footer displays incorrectly after Flare Upgrade

This forum is for all Flare issues related to styles, stylesheets and XML.

Footer displays incorrectly after Flare Upgrade

Postby atreloar on Fri Oct 16, 2020 12:31 pm

Hi All,

Upon upgrading to Flare 2020 r2, the footer we use in our HTML5 TopNav output is no longer displaying correctly.

Background
Our TopNav skin is set to a max-width of 62.5 em so that the content area of our topic pages has white space on the left and right. We built a DIY footer that spans the entire width of the page, accomplished with the following properties:
  • width:100%;
  • position:absolute;
  • left:0;
  • bottom:70px;

Before the Flare upgrade, this gave us the expected results of the footer spanning the entire width of the page.

Current situation
Now, our footer does not expand beyond the max-width set in the TopNav skin properties. In other words, instead of spanning 100% of the page width, it is restricted to within the 62.5em area with white space on either side, same as the content area. This is not ideal. Even when setting the skin property to 100%, there is still a small white border (margin? padding?) around the footer area.

Using Chrome's "inspect" feature, I've located code that is added during Flare's build process that seems to be the culprit for this behavior:
<div data-me-content-body="True" style="min-height: calc(100vh - 204.1px);" class="height-container-sidenav height-container">

If I delete the style/class portion of this flare-added div, the footer appears as expected (spanning the width of the page).

My Questions
  • has anyone had this experience?
  • if so, have you found a solution or workaround?
atreloar
Jr. Propeller Head
 
Posts: 2
Joined: Fri Jan 04, 2019 12:00 pm

Return to Styles, Stylesheets and XML

Who is online

Users browsing this forum: No registered users and 23 guests