Skip to content

Tweak home spacing and code style #17

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
ssciolla merged 8 commits into from
Jun 16, 2026
Merged

Tweak home spacing and code style #17

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
8 commits
Select commit Hold shift + click to select a range
624a373
Move up closing div; indent some things
ssciolla Jun 16, 2026
6238490
Add missing padding; remove rl-menu-title
ssciolla Jun 16, 2026
b9bebd5
Use viewport-container in app/views/layouts/blacklight/base.html.erb
ssciolla Jun 16, 2026
8bd6497
Use row instead of container-fluid
ssciolla Jun 16, 2026
e5eea44
Add card.scss with padding and link title, and add import to applicat…
ssciolla Jun 16, 2026
6033a03
Add newline at EOF in card.scss; remove full-width class from About t…
ssciolla Jun 16, 2026
7f2a307
Make alerts a separate conditional row instead of nesting rows
ssciolla Jun 16, 2026
4387001
mr -> me
ssciolla Jun 16, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 1 addition & 0 deletions app/assets/stylesheets/application.bootstrap.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,3 +5,4 @@
@import "homepage";
@import "base";
@import "footer";
@import "card";
7 changes: 7 additions & 0 deletions app/assets/stylesheets/card.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,7 @@
.card-title {
margin-bottom: 0.75rem;
}

.card-title > a {
font-size: 1.25rem;
}
65 changes: 32 additions & 33 deletions app/views/catalog/_home.html.erb
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,34 +5,37 @@
<div class="imgback col-md-5 col-lg-6 col-xl-6 d-none d-md-block"></div>
<div class="imgback imgback-image col-md-5 col-lg-6 col-xl-6 d-none d-md-block"
style="background-image: url(<%= feature_img_url(@random_feature['image']) %>)">
<div class="feature-caption"><span class="sr-only">Featured image: </span><%= @random_feature['caption_html'].html_safe %></div>
</div>
<div class="feature-caption">
<span class="sr-only">Featured image: </span><%= @random_feature['caption_html'].html_safe %>
</div>
</div>

<div class="col-md-7 col-lg-6 col-xl-5 rl-menu-title">
<h1 class="main-title">Find Archival Materials</h1>
<p>Detailed inventories of <%= number_with_delimiter(collection_count_home) %> collections</p>
<div class="col-md-7 col-lg-6 col-xl-5 px-4">
<h1 class="main-title">Find Archival Materials</h1>
<p>Detailed inventories of <%= number_with_delimiter(collection_count_home) %> collections</p>

<%#= render_search_bar %>
<%#= render_search_bar %>

<div class="intro-buttons mt-3 mb-3 d-flex">
<div id="browse-links" class="btn-group mr-3">
<%= link_to t('um_arclight.home.browse_all'), arclight_engine.collections_path %>
</div>
<div class="intro-buttons mt-3 mb-3 d-flex">
<div id="browse-links" class="btn-group me-3">
<%= link_to t('um_arclight.home.browse_all'), arclight_engine.collections_path %>
</div>

<%#= render 'search_extra_controls' %>
<%#= render 'search_extra_controls' %>

</div>
</div>

<a class="d-flex align-items-center mt-4 mb-3" href="/repositories">
<div>Browse All Repositories</div>
</a>
<a class="d-flex align-items-center mt-4 mb-3" href="/repositories">
<div>Browse All Repositories</div>
</a>
</div>
</div>
</div>
<div class="container-fluid full-width">

<%# Configurable alert banner %>
<%# keys in config/locales/um_arclight.en.yml %>
<% if I18n.exists?('um_arclight.home.alert') %>
<%# Configurable alert banner %>
<%# keys in config/locales/um_arclight.en.yml %>
<% if I18n.exists?('um_arclight.home.alert') %>
<div class="row">
<div id="homepage-alert" class="mb-5 col-md-12 home banner-wrapper banner-warning d-flex flex-row">
<div class="banner-part banner-heading">
<%= blacklight_icon :exclamation_triangle_solid %>
Expand All @@ -47,20 +50,16 @@
</div>
</div>
</div>
<% end %>

<div id="homepage-text-blocks" class="row mt-4 mb-5 d-flex flex-wrap">
<div class="mb-2">
<div class="card-title d-flex align-items-center">
<div class="card-icon"><span class="material-icons">
info
</span></div>
<h2><%= t('um_arclight.home.about.heading') %></h2>
</div>
<div class="content-block">
<%= t('um_arclight.home.about.text_html').html_safe %>
</div>
</div>
<% end %>
<div id="homepage-text-blocks" class="row mt-4 mb-5 d-flex flex-wrap">
<div class="mb-2">
<div class="card-title d-flex align-items-center">
<div class="card-icon"><span class="material-icons">info</span></div>
<h2><%= t('um_arclight.home.about.heading') %></h2>
</div>
<div class="content-block">
<%= t('um_arclight.home.about.text_html').html_safe %>
</div>
</div>
</div>
</div>
2 changes: 1 addition & 1 deletion app/views/layouts/blacklight/base.html.erb
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -39,7 +39,7 @@

<%= render partial: 'shared/header_navbar' %>

<main id="main-container" class="<%= container_classes %>" role="main" aria-label="<%= t('blacklight.main.aria.main_container') %>">
<main id="main-container" class="viewport-container" role="main" aria-label="<%= t('blacklight.main.aria.main_container') %>">
<%= content_for(:container_header) %>

<%= render partial: 'shared/flash_msg', layout: 'shared/flash_messages' %>
Expand Down
Loading