From a2bb2f8c582e01f90b2bc99ae160bd7b7ba0d020 Mon Sep 17 00:00:00 2001 From: Owen Leonard Date: Tue, 22 Oct 2024 17:16:07 +0000 Subject: [PATCH] Bug 38231: Adjust CSS for search result controls in the OPAC This patch makes some markup and CSS changes to the OPAC so that controls are aligned correctly in the "mobile" view's catalog search results. The patch also removes the border from the controls... I think the borders looks out of place. To test apply the patch and rebuild the OPAC CSS. - Perform a catalog search. - Check the styling of the controls shown for each search result, e.g. Place hold, Add tg, Save to lists, etc. - Make sure the controls work well when the browser window is various widths, from ~600px and up. Sponsored-by: Athens County Public Libraries Signed-off-by: Yanjun Li Signed-off-by: Martin Renvoize --- .../bootstrap/css/src/_responsive.scss | 16 +++++----------- .../opac-tmpl/bootstrap/css/src/opac.scss | 6 ------ .../en/includes/title-actions-menu.inc | 18 +++++++++--------- 3 files changed, 14 insertions(+), 26 deletions(-) diff --git a/koha-tmpl/opac-tmpl/bootstrap/css/src/_responsive.scss b/koha-tmpl/opac-tmpl/bootstrap/css/src/_responsive.scss index 2d67ea96a9e..6c952102eae 100644 --- a/koha-tmpl/opac-tmpl/bootstrap/css/src/_responsive.scss +++ b/koha-tmpl/opac-tmpl/bootstrap/css/src/_responsive.scss @@ -110,17 +110,11 @@ .actions { display: block; - &:first-child { - .btn-link { - padding: .375rem .75rem; - } + .btn-link { + padding-left: 0; } a { - @include border-radius-all( 4px ); - - background-color: #F2F2EF; - border: 1px solid #DDD; display: block; font-size: 120%; font-weight: bold; @@ -210,9 +204,9 @@ .cart-actions { display: flex; - .btn { - flex-grow: 1; - padding: .375rem .75rem; + .btn + .btn { + line-height: 2; + margin-left: .5em; } } diff --git a/koha-tmpl/opac-tmpl/bootstrap/css/src/opac.scss b/koha-tmpl/opac-tmpl/bootstrap/css/src/opac.scss index 7892d9847b6..2cfe3719272 100644 --- a/koha-tmpl/opac-tmpl/bootstrap/css/src/opac.scss +++ b/koha-tmpl/opac-tmpl/bootstrap/css/src/opac.scss @@ -251,12 +251,6 @@ th { .actions { white-space: nowrap; - - &:first-child { - .btn-link { - padding-left: 0; - } - } } .advsearch_limit { diff --git a/koha-tmpl/opac-tmpl/bootstrap/en/includes/title-actions-menu.inc b/koha-tmpl/opac-tmpl/bootstrap/en/includes/title-actions-menu.inc index 79db98d6e4e..99fb97ee1ce 100644 --- a/koha-tmpl/opac-tmpl/bootstrap/en/includes/title-actions-menu.inc +++ b/koha-tmpl/opac-tmpl/bootstrap/en/includes/title-actions-menu.inc @@ -16,18 +16,18 @@ [% END # / OPACHoldRequests %] [% IF ( RecallsEnabled ) %] - Place recall + Place recall [% END %] [% IF ( LoginEnabled ) %] [% IF items.artreqpossible %] - Request article + Request article [% END %] [% END %] [% IF ( TagsInputEnabled ) %] [% IF ( loggedinusername ) %] - Add tag + Add tag -- 2.47.0