From 94f4b21bdddbb50e5a399f53e0abba37c6a39af9 Mon Sep 17 00:00:00 2001 From: lfarrell Date: Tue, 28 Nov 2023 08:12:47 -0500 Subject: [PATCH 1/2] Allow autocomplete items to wrap. Otherwise, very long suggestions can bleed off the screen. --- app/assets/stylesheets/arclight/modules/layout.scss | 10 ++++++++++ 1 file changed, 10 insertions(+) diff --git a/app/assets/stylesheets/arclight/modules/layout.scss b/app/assets/stylesheets/arclight/modules/layout.scss index 2afc2f511..fdffdcc67 100644 --- a/app/assets/stylesheets/arclight/modules/layout.scss +++ b/app/assets/stylesheets/arclight/modules/layout.scss @@ -209,3 +209,13 @@ dl.deflist dt { margin: $spacer 0; padding: $spacer 0; } + +// Original style comes from https://github.com/twbs/bootstrap/blob/v5.3.2/scss/_dropdown.scss#L184 +// via https://github.com/projectblacklight/blacklight/blob/v8.1.0/app/assets/stylesheets/blacklight/_search_form.scss#L25 +.input-group > .search-autocomplete-wrapper { + ul { + li { + white-space: normal; + } + } +} \ No newline at end of file From d32bef8bc997339ae1f1fc1f78178ff025e7b494 Mon Sep 17 00:00:00 2001 From: lfarrell Date: Wed, 6 Dec 2023 15:24:04 -0500 Subject: [PATCH 2/2] Move search form CSS to its own file --- app/assets/stylesheets/arclight/application.scss | 1 + app/assets/stylesheets/arclight/modules/layout.scss | 10 ---------- .../stylesheets/arclight/modules/search_form.scss | 9 +++++++++ 3 files changed, 10 insertions(+), 10 deletions(-) create mode 100644 app/assets/stylesheets/arclight/modules/search_form.scss diff --git a/app/assets/stylesheets/arclight/application.scss b/app/assets/stylesheets/arclight/application.scss index 9c5dcdaff..5b69ce573 100644 --- a/app/assets/stylesheets/arclight/application.scss +++ b/app/assets/stylesheets/arclight/application.scss @@ -11,3 +11,4 @@ @import 'modules/search_results'; @import 'modules/show_collection'; @import 'modules/truncator'; +@import 'modules/search_form'; diff --git a/app/assets/stylesheets/arclight/modules/layout.scss b/app/assets/stylesheets/arclight/modules/layout.scss index fdffdcc67..2afc2f511 100644 --- a/app/assets/stylesheets/arclight/modules/layout.scss +++ b/app/assets/stylesheets/arclight/modules/layout.scss @@ -209,13 +209,3 @@ dl.deflist dt { margin: $spacer 0; padding: $spacer 0; } - -// Original style comes from https://github.com/twbs/bootstrap/blob/v5.3.2/scss/_dropdown.scss#L184 -// via https://github.com/projectblacklight/blacklight/blob/v8.1.0/app/assets/stylesheets/blacklight/_search_form.scss#L25 -.input-group > .search-autocomplete-wrapper { - ul { - li { - white-space: normal; - } - } -} \ No newline at end of file diff --git a/app/assets/stylesheets/arclight/modules/search_form.scss b/app/assets/stylesheets/arclight/modules/search_form.scss new file mode 100644 index 000000000..f5c974b34 --- /dev/null +++ b/app/assets/stylesheets/arclight/modules/search_form.scss @@ -0,0 +1,9 @@ +// Original style comes from https://github.com/twbs/bootstrap/blob/v5.3.2/scss/_dropdown.scss#L184 +// via https://github.com/projectblacklight/blacklight/blob/v8.1.0/app/assets/stylesheets/blacklight/_search_form.scss#L25 +.input-group > .search-autocomplete-wrapper { + ul { + li { + white-space: normal; + } + } +}