Footer displays incorrectly after Flare Upgrade

This forum is for all Flare issues related to styles, stylesheets and XML.
Post Reply
atreloar
Jr. Propeller Head
Posts: 2
Joined: Fri Jan 04, 2019 12:00 pm

Footer displays incorrectly after Flare Upgrade

Post by atreloar »

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?
kolinkodm
Jr. Propeller Head
Posts: 5
Joined: Wed Aug 22, 2018 1:13 pm

Re: Footer displays incorrectly after Flare Upgrade

Post by kolinkodm »

I am running into this same issue. Did you end up getting it fixed?
Chicago_HPT
Sr. Propeller Head
Posts: 133
Joined: Sun Feb 03, 2013 6:01 pm

Re: Footer displays incorrectly after Flare Upgrade

Post by Chicago_HPT »

A little late to the party here, but I'm running into the same issue.
naine_tw
Jr. Propeller Head
Posts: 1
Joined: Thu May 07, 2020 1:38 am

Re: Footer displays incorrectly after Flare Upgrade

Post by naine_tw »

Hi all,

We encountered the same issue.
Resolved by adding the following to our project CSS:
.height-container
{
position: inherit;
}

Hope it helps!
jbkalla
Propeller Head
Posts: 57
Joined: Tue Nov 06, 2012 11:53 am
Location: Denver, CO, USA
Contact:

Re: Footer displays incorrectly after Flare Upgrade

Post by jbkalla »

OMFG. I've been trying to figure out how to fix that for weeks. Thanks, @naine_tw!
Post Reply