Footer positioning
Closed this issue · 5 comments
Нужно правильно позиционировать footer приложения, чтобы при малом количестве контента на странице он просто "прилипал к дну страницы", но при этом адекватно отображался на экранах, где контент изначально занимает достаточную часть viewport'a:
Пример, где footer ведет себя не верно (position: absolute), при достаточном количестве контента
Но с position: absolute footer верно отображается на нестандартных экранах, где контента, по сравнению с высотой viewport'a мало
Полезные ссылки:
- https://vuetifyjs.com/ru/components/footer/ - о компоненте footer'a
- https://vuetifyjs.com/en/components/application/ - об относительном расположении компонентов
Поясняю один момент, структура страницы наглядно в директории itis-hub/layouts/default, сам компонент footer'a в itis-hub/components/FooterBar.vue
@chackydude , у меня footer вроде отображается верно , даже при обильном количестве контента o_O
Окей, @AnteeOne, поясню, в master'e не абсолютный footer (его нужно сделать абсолютным, т.е. чтобы "прилипал ко дну" и отображался не перекрывая контент), и отображение нормальное только как раз таки при большом количестве контента, если его недостаточно footer съезжает вверх (для наглядности можешь поиграться с масштабом странички, уменьшить его до 40-50%)
Fixed with using div-wrapper for FooterBar component. (absolute v-footer is absolute only for his parrent).