nebular icon indicating copy to clipboard operation
nebular copied to clipboard

[Layout] fixed footer

Open nnixaa opened this issue 6 years ago • 11 comments

Issue type

I'm submitting a ... (check one with "x")

  • [x] bug report
  • [ ] feature request

Issue description

Current behavior:

Looks like fixed attribute doesn't change footer behavior Expected behavior:

Remove or fix fixed footer attribute Steps to reproduce:

Related code:

nnixaa avatar Feb 16 '18 14:02 nnixaa

I've noticed fixed doesn't seem to change the footer behavior as of 6/29/18 - is this the reason why? At this point is it safe to say it will probably be removed?

EatonZ avatar Jun 29 '18 23:06 EatonZ

I'm waiting for the fix, i would like to have the footer fixed

ruisebastiao avatar Jun 30 '18 07:06 ruisebastiao

Please correct this behavior. Is usefull for mobile applications Only add to css this code to src/framework/theme/components/layout/layout.component.scss:

::ng-deep nb-layout-footer { ... ...

&.fixed {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1040;
}

}

ProDInfo avatar Mar 26 '20 07:03 ProDInfo

still an issue! Anyone knows any workarounds?

RohanGautam avatar Jun 13 '20 08:06 RohanGautam

still an issue for me as well, however the issue is only on safari, all other browsers work fine. THe demo on online demo works, but once I load my own angular project, the footer does not get fixed in safari browsers

kingjordan avatar Jun 17 '20 22:06 kingjordan

@kingjordan interesting, I'm using Firefox on Linux and it doesn't work for me there either. @ProDInfo Your solution might work! Could you open a pull request?

RohanGautam avatar Jun 18 '20 09:06 RohanGautam

although it's mentioned in the docs, but actually doesn't work

NbLayoutFooterComponent Page footer. Located under the nb-layout content (specifically, under the columns). Could be made fixed, becoming sticky to the bottom of the view port (window).

RezaRahmati avatar Aug 20 '20 22:08 RezaRahmati

Please correct this behavior. Is usefull for mobile applications Only add to css this code to src/framework/theme/components/layout/layout.component.scss:

::ng-deep nb-layout-footer { ... ...

&.fixed {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1040;
}

}

This way will cover the side menu and page content, so not a solution for me

RezaRahmati avatar Aug 21 '20 12:08 RezaRahmati

This seems to still be an issue, I've submitted a merge request with a fix.

NicmeisteR avatar Mar 11 '21 09:03 NicmeisteR

Any workaround ? The fixed attribute is not work.

CourserStudio avatar Apr 23 '24 04:04 CourserStudio