nebular
nebular copied to clipboard
[Layout] fixed footer
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:
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?
I'm waiting for the fix, i would like to have the footer fixed
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;
}
}
still an issue! Anyone knows any workarounds?
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 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?
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).
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
This seems to still be an issue, I've submitted a merge request with a fix.
Any workaround ? The fixed
attribute is not work.