[Koha-devel] Bootstrap-styled buttons in the staff client

[Owen Leonard]

When we implemented Bootstrap buttons the staff client changes were
limited to places where YUI was being used to style a button (mostly
in toolbars). We have lots of other buttons in the templates and some
patches are starting to add the default "btn" class to non-toolbar
buttons.

At the moment this is causing display problems because the "btn" class
conflicts with the staff client's default class for submit buttons. We
have a couple of choices:

1. Stop adding the "btn" class to non-toolbar buttons and remove the
class from templates which have been recently modified.
2. Start adding the "btn" class to non-toolbar buttons in ALL cases
and adjust the global stylesheet so that the styles don't conflict.

If we choose option 2 I would propose that we choose a secondary class
as well, for instance btn-primary for submit buttons:

http://getbootstrap.com/2.3.2/base-css.html#buttons

This would maintain the visual difference between toolbar buttons and
submit buttons. I think this is helpful for visually understanding the
structure of a page.

I would appreciate everyone's opinions.

  -- Owen

-- 
Web Developer
Athens County Public Libraries
http://www.myacpl.org