Bugzilla – Attachment 144152 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), 1.94 KB, created by
Owen Leonard
on 2022-11-22 12:02:11 UTC
(
hide
)
Description:
Bug 32319: Give header search submit button more padding
Filename:
MIME Type:
Creator:
Owen Leonard
Created:
2022-11-22 12:02:11 UTC
Size:
1.94 KB
patch
obsolete
>From 62386b19a31e5e73be9bd21c36619287a8b1914b 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. >--- > 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 e912ab659e..2d5ea0a10b 100644 >--- a/koha-tmpl/intranet-tmpl/prog/css/src/_header.scss >+++ b/koha-tmpl/intranet-tmpl/prog/css/src/_header.scss >@@ -84,6 +84,7 @@ a.navbar-toggle { > border: 0; > border-bottom-width: 0; > padding-bottom: 0; >+ list-style-type: none; > margin: 0; > > a { >@@ -190,7 +191,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; >@@ -198,7 +200,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.20.1
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