Skip to content

Commit 47d0e85

Browse files
Adds advanced search SCSS module
** Why are these changes being introduced: * The default rendering of the advanced search form is too compressed, hampering legibility by users. ** Relevant ticket(s): * https://mitlibraries.atlassian.net/browse/post-114 ** How does this address that need: * This adds an SCSS module for the advanced search form, defining some padding within form elements, and separation between the various panels on the search form. * We also cause the panel names to appear as bold text, to aid users scanning down the form. ** Document any side effects to this change: * None
1 parent 1b7c6c8 commit 47d0e85

2 files changed

Lines changed: 25 additions & 0 deletions

File tree

Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,24 @@
1+
form#advanced-search {
2+
input,
3+
select {
4+
padding: 1rem;
5+
}
6+
7+
.advanced-search-content {
8+
> div {
9+
border-bottom: 1px solid $gray-l3;
10+
padding: 2rem 0;
11+
}
12+
13+
span.label,
14+
div.field .field-meta label {
15+
font-size: 2rem;
16+
font-weight: bold;
17+
padding-bottom: 1rem;
18+
}
19+
}
20+
21+
#page-actions {
22+
padding-top: 2rem;
23+
}
24+
}

asset/scss/content/_all.scss

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,4 @@
1+
@import "advanced-search";
12
@import "breadcrumbs";
23
@import "navigation";
34
@import "resource-list";

0 commit comments

Comments
 (0)