Bugzilla – Attachment 144700 Details for
Bug 32319
Give header search submit button more padding
Home
|
New
|
Browse
|
Search
|
[?]
|
Reports
|
Help
|
New Account
|
Log In
[x]
|
Forgot Password
Login:
[x]
[patch]
Bug 32319: Give header search submit button more padding
Bug-32319-Give-header-search-submit-button-more-pa.patch (text/plain), 2.04 KB, created by
Kyle M Hall (khall)
on 2022-12-16 18:44:24 UTC
(
hide
)
Description:
Bug 32319: Give header search submit button more padding
Filename:
MIME Type:
Creator:
Kyle M Hall (khall)
Created:
2022-12-16 18:44:24 UTC
Size:
2.04 KB
patch
obsolete
>From e5224c40138f06495b2ca4b2ac4763f45e50ae20 Mon Sep 17 00:00:00 2001 >From: Owen Leonard <oleonard@myacpl.org> >Date: Tue, 22 Nov 2022 11:50:32 +0000 >Subject: [PATCH] Bug 32319: Give header search submit button more padding > >This patch tweaks the appearance of the header search submit button so >that it has a little more spacing, making it an easier click target. > >The patch also gives the button a slightly different hover state in >order to make it clearer that it's a button. > >To test, apply the patch and rebuild the staff interface CSS. > >View various pages in the staff interface to confirm that the header >search bar looks good and works correctly at various screen sizes. > >Signed-off-by: Lucas Gass <lucas@bywatersolutions.com> > >Signed-off-by: Kyle M Hall <kyle@bywatersolutions.com> >--- > koha-tmpl/intranet-tmpl/prog/css/src/_header.scss | 12 ++++++++++-- > 1 file changed, 10 insertions(+), 2 deletions(-) > >diff --git a/koha-tmpl/intranet-tmpl/prog/css/src/_header.scss b/koha-tmpl/intranet-tmpl/prog/css/src/_header.scss >index 3797b5b6c7..a11a5a64a9 100644 >--- a/koha-tmpl/intranet-tmpl/prog/css/src/_header.scss >+++ b/koha-tmpl/intranet-tmpl/prog/css/src/_header.scss >@@ -85,6 +85,7 @@ a.navbar-toggle { > border: 0; > border-bottom-width: 0; > padding-bottom: 0; >+ list-style-type: none; > margin: 0; > > a { >@@ -191,7 +192,8 @@ a.navbar-toggle { > } > } > >- input[type="submit"], button[type="submit"] { >+ input[type="submit"], >+ button[type="submit"] { > height: 31px; > background-color: $background-color-secondary; > color: white; >@@ -199,7 +201,13 @@ a.navbar-toggle { > text-shadow: unset; > border-radius: 0 16px 16px 0; > margin-left: -16px; >- padding-left: calc(16px + .5em); >+ margin-right: 1em; >+ padding-left: calc( 16px + .7em ); >+ padding-right: .9em; >+ >+ &:hover { >+ background-color: lighten( $background-color-secondary, 5 ); >+ } > } > > input[type="button"], button { >-- >2.30.2
You cannot view the attachment while viewing its details because your browser does not support IFRAMEs.
View the attachment on a separate page
.
View Attachment As Diff
View Attachment As Raw
Actions:
View
|
Diff
|
Splinter Review
Attachments on
bug 32319
:
144149
|
144152
|
144169
| 144700