From da47175df2c42acbc12349ba4aa80c846ce4d1a5 Mon Sep 17 00:00:00 2001 From: Sarah Proctor Date: Tue, 28 Jan 2025 11:46:30 -0800 Subject: [PATCH 01/10] =?UTF-8?q?=F0=9F=90=9B=20Neutral=20Theme=20mobile?= =?UTF-8?q?=20layout?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit This commit fixes the mobile layout of the Neutral Theme by adding a media query to disable the flex property while in mobile view. Ref: - https://github.com/notch8/palni_palci_knapsack/issues/142 --- app/assets/stylesheets/themes/neutral_repository.scss | 3 +++ 1 file changed, 3 insertions(+) diff --git a/app/assets/stylesheets/themes/neutral_repository.scss b/app/assets/stylesheets/themes/neutral_repository.scss index 7096c65e1..08e481790 100644 --- a/app/assets/stylesheets/themes/neutral_repository.scss +++ b/app/assets/stylesheets/themes/neutral_repository.scss @@ -174,6 +174,9 @@ div.neutral-repository-collections:nth-of-type(2n+3) { clear: left; } + .theme-container { + display: block; + } } @media (min-width: 992px) { From 0236543d9c6c1fa08bd96ad023163a9a76c7ee3a Mon Sep 17 00:00:00 2001 From: Sarah Proctor Date: Tue, 28 Jan 2025 17:27:42 -0800 Subject: [PATCH 02/10] =?UTF-8?q?=F0=9F=90=9B=20Restructures=20footer=20la?= =?UTF-8?q?yout=20and=20responsiveness?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit This commit refactors the footer in all four Hyku themes to allow for a uniform layout on all pages addressing all five Bootstrap breakpoints. Ref: - https://github.com/notch8/palni_palci_knapsack/issues/142 --- app/assets/stylesheets/hyku.scss | 38 +++++++++++++++++++------- app/views/shared/_footer.html.erb | 45 +++++++++++++++---------------- 2 files changed, 51 insertions(+), 32 deletions(-) diff --git a/app/assets/stylesheets/hyku.scss b/app/assets/stylesheets/hyku.scss index 76fca1abb..8e05f2782 100644 --- a/app/assets/stylesheets/hyku.scss +++ b/app/assets/stylesheets/hyku.scss @@ -89,19 +89,39 @@ background-color: #9bafbf; } +///// FOOTER ///// + +// overrides Hyrax styles that prevent footer from sitting at the bottom of the page +body.neutral_repository { + margin-bottom: 0; +} + +// overrides Hyrax styles that prevent footer from sitting at the bottom of the page +.default_home, .cultural_repository, .institutional_repository { + footer { + position: absolute; + bottom: 0; + } +} + footer.navbar { - border-radius: 0; + display: block; font-size: 0.9em; - min-height: 40px; - vertical-align: middle; - p { - margin: 10px; - text-align: center; + .navbar-text { + display: flex; + } - strong { - font-weight: 500; - } + strong { + font-weight: 500; + } + + a { + text-decoration: none; + } + + @media (max-width: 992px) { + justify-content: center; } } diff --git a/app/views/shared/_footer.html.erb b/app/views/shared/_footer.html.erb index 07e30bec0..ad65d87b1 100644 --- a/app/views/shared/_footer.html.erb +++ b/app/views/shared/_footer.html.erb @@ -1,32 +1,31 @@ <%# Override Hyrax 5.0.1 - add privacy policy partial - add login & logout link - - add Hyku version - - navbar-inverse class %> + - add Hyku version %> <% current_year = Time.now.year %> -