Browse Source

Bug 32145: Fix style of buttons with class .btn-danger

This patch adds style to the staff client's global SCSS which adds
correct styling to buttons classed with .btn-danger.

This isn't the correct way to fix this, but it's the fast way.
Rebuilding Bootstrap with custom colors is the correct way, but
Bootstrap 3.x doesn't use SCSS. I consider this is a FIXME for an
upgrade of Bootstrap in the staff interface.

To test, apply the patch and rebuild the staff interface CSS. Test
instances where the .btn-danger class is used. Two examples:

Holds:

- Locate a bibliographic records with holds and view the holds.
- Click the "trash" icon to delete one of the holds.
- In the confirmation modal, check that the "Confirm cancellation"
  button looks correct in its default, hover, and active ("clicked")
  state.

Cataloging:

- Open a new blank record in the basic MARC editor.
- Click "Save" without filling any mandatory fields.
- You should see a warning about the empty fields.
- Scroll down until the warning is offscreen. An "Errors" button should
  appear in the toolbar.

Signed-off-by: Katrin Fischer <katrin.fischer.83@web.de>
Signed-off-by: Tomas Cohen Arazi <tomascohen@theke.io>
22.11.x
Owen Leonard 2 years ago
committed by Tomas Cohen Arazi
parent
commit
d6f1ca6255
Signed by: tomascohen GPG Key ID: 0A272EA1B2F3C15F
  1. 17
      koha-tmpl/intranet-tmpl/prog/css/src/staff-global.scss

17
koha-tmpl/intranet-tmpl/prog/css/src/staff-global.scss

@ -3064,6 +3064,23 @@ button,
border-left: 1px solid darken( saturate( $btn-primary, 15 ), 15 );
}
}
&.btn-danger {
background-color: #CC3333;
border-color: #9B2323;
color: #fff;
}
&.btn-danger:hover {
color: #fff;
background-color: #c82333;
border-color: #a81c29;
}
&.btn-danger:not( :disabled ):not( .disabled ).active,
&.btn-danger:not( :disabled ):not( .disabled ):active {
box-shadow: inset 0 0 0 1px #a81c29;
}
}
#merge-patrons {

Loading…
Cancel
Save