Bug 32148: Buttons must inherit Bootstrap size classes

This patch removes global font and padding settings which were
overriding the Bootstrap classes we use to change the size of Bootstrap
buttons. The font and padding settings are moved to the CSS which covers
button which are not styled as Bootstrap buttons.

To test, apply the patch and view pages where buttons are styled with
different Bootstrap size classes:

- Circulation -> Check out:
  - The "Check out" button, the "Show checkouts" button, Renew buttons
    in the footer.
- Patrons -> Patron details -> Edit buttons in each section.
- Patrons home -> Buttons in sidebar filter
- Catalog -> Bibliographic details -> Item details

Signed-off-by: David Nind <david@davidnind.com>

Signed-off-by: Katrin Fischer <katrin.fischer.83@web.de>
Signed-off-by: Tomas Cohen Arazi <tomascohen@theke.io>
This commit is contained in:
Owen Leonard 2022-11-09 14:09:17 +00:00 committed by Tomas Cohen Arazi
parent eac724b9fc
commit f5efea51eb
No known key found for this signature in database
GPG Key ID: 0A272EA1B2F3C15F
2 changed files with 3 additions and 4 deletions

View File

@ -13,11 +13,9 @@ $nav-menu-bullet: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/s
border-radius: 4px;
cursor: pointer;
display: inline-block;
font-size: inherit;
font-weight: normal;
line-height: 1.42857143;
margin-bottom: 0;
padding: .5em 1em;
text-align: center;
touch-action: manipulation;
user-select: none;
@ -44,11 +42,9 @@ $nav-menu-bullet: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/s
border-radius: 4px;
cursor: pointer;
display: inline-block;
font-size: inherit;
font-weight: normal;
line-height: 1.42857143;
margin-bottom: 0;
padding: .5em 1em;
text-align: center;
touch-action: manipulation;
user-select: none;

View File

@ -570,11 +570,13 @@ textarea {
input {
&[type="submit"] {
@include primary-button;
padding: .5em 1em;
}
&[type="reset"],
&[type="button"] {
@include default-button;
padding: .5em 1em;
&:disabled {
@include disabled-button;
@ -590,6 +592,7 @@ input {
&.submit {
@include primary-button;
padding: .5em 1em;
&:disabled {
@include disabled-button;