v3.13.0

What's Changed

• TA-1545: Further branding updates by @klaudija-lawrence in #69
• chore(release): 3.13.0 by @klaudija-lawrence in #70

New Contributors

• @klaudija-lawrence made their first contribution in #69

Full Changelog: v3.12.0...v3.13.0

v3.12.0

What's Changed

• TA-1362: Update bootstrap 3 theme to match branding by @darren-arbon in #68

New Contributors

• @darren-arbon made their first contribution in #68

Full Changelog: v3.11.0...v3.12.0

3.11.0

Toast-y.

Structure of a basic toast is as follows:

1. A container to position the toasts on screen;
2. A wrapper element (.toast-container) ;
3. The .toast itself;
4. An internal wrapper to distribute the three constituents;
5. An icon
6. The message, wrapped in .toast-body
7. A btn-close to dismiss the toast

        <div style="position: relative;" role="alert" aria-live="assertive" aria-atomic="true">
          <div class="toast-container">
            <div class="toast">
              <div>
                <i class="fal fa-spinner-third fa-spin fa-fw"></i>
                <span class="toast-body">Hello, world! This is a toast message.</span>
                <button type="button" class="btn-close">Close</button>
              </div>
            </div>
          </div>
        </div>

3.11.0 (2022-03-25)

Features

• add toasts (4c41249)

Full Changelog: v3.10.0...v3.11.0

3.10.0

3.10.0 (2022-01-18)

Features

• lti utils (792e369)

3.9.1

The Listbox Release

When native elements just won't suffice… use an ARIA listbox! (https://talis.github.io/bootstrap-sass/fancy-listbox.html)

3.9.1 (2021-10-08)

3.9.0 (2021-10-07)

Features

• add listbox styles (72ebb18)

3.8.0

The Confirmation Dialog[ue] Release

The modal is dead; long live the modal!

Until we phase out the old-style modals, apply .o-confirmation-modal to your .modal. Don't forget to add a whizzy .modal-image to the top of the display. If you can reference those supplied with Bootstrap, more power to you.

<div class="modal o-confirmation-modal fade" id="confirmation-modal" tabindex="-1" role="dialog" aria-labelledby="confirmation-label" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <img src="assets/img/discard.svg" class="modal-image" alt="" width="149" height="158" />
      <div class="modal-header">
        <h2 class="modal-title" id="confirmation-label">Are you sure?</h2>
      </div>
      <div class="modal-body">
        <p>
          You will lose your unsaved data.
        </p>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-lg btn-danger" data-bs-dismiss="modal">
          Yes
        </button>
        <button type="button" class="btn btn-lg btn-default">
          Cancel
        </button>
      </div>
    </div>
    <!-- /.modal-content -->
  </div>
  <!-- /.modal-dialog -->
</div>

3.7.13

A patch to set the colour of the text within the .error-block class: saves needing to double-up with .text-danger

3.7.12

Forms, forms, forms. This updates the styles used for .help-block, adds an .error-block to display inline messages, adds a class to wrap "(Required)" text, and adds validation styles for the inputs themselves. Used correctly, you'll see this result:

3.7.12 (2021-07-02)

Bug Fixes

• forms: update help-block appearance (78c21d3)

3.7.11

3.7.11 (2021-06-11)

The "make the disabled button state darker because sometimes their styling is used for links" release

Bug Fixes

• update disabled btn state (e30751e)

3.7.10

3.7.10 (2021-05-24)

Bug Fixes

• lighten .dropdown-header font-weight (cf3ff63)
• provide update modal-styles (f8f9c28)