Skip to content
  • Owen Leonard's avatar
    Bug 35402: Update the OPAC and staff interface to Bootstrap 5 · 5fe1ad8a
    Owen Leonard authored and Katrin Fischer's avatar Katrin Fischer committed
    
    
    This patch updates the OPAC and staff interface to use Bootstrap 5.
    Bootstrap CSS assets are now pulled from node_modules and compiled into
    staff-global.css and opac.css at build time. This update lays the
    foundations of some other chnages, especially the addition of a dark
    mode in the future.
    
    Hundreds of templates have been updated, mostly with updates to the grid
    markup. Most of the responsive behavior is still the same with the
    exception of improved flexibility of headers and footers in both the
    OPAC and staff interface.
    
    The other most common change is to add a new "namespace" to data
    attributes used by Bootstrap, e.g. "data-bs-target" or "data-bs-toggle".
    Modal markup has also been updated everywhere. Other common changes:
    dropdown button markup, alert markup (we now use Bootstrap's "alert
    alert-warning" and "alert alert-info" instead of our old "dialog alert"
    and "dialog info").
    
    Bootstrap 5 now uses CSS variables which we can override in our own
    '_variables.scss' (in both the OPAC and staff) to accomplish a lot of
    the style overrides which we previously put in staff-global.scss.
    
    Signed-off-by: Martin Renvoize's avatarMartin Renvoize <martin.renvoize@ptfs-europe.com>
    Signed-off-by: default avatarKatrin Fischer <katrin.fischer@bsz-bw.de>
    5fe1ad8a
Loading