Skip to content

v4.5.0

Choose a tag to compare

View all tags
@ffoodd ffoodd released this 13 May 09:11
· 248 commits to v4-dev since this release
v4.5.0
fc5e07f

Bootstrap 4.5.0

Highlighted changes

  • New interaction utilities. Quickly set user-select with the new utilities and Sass map.
  • New Reboot style for pointer cursors. We now include a role="button" selector in Reboot to set cursor: pointer on non-<button> element buttons.
  • Examples are now downloadable. We've added a script to zip up and offer all our Examples as their own download from the docs.
  • Saved ~5% from the compressed minified JS builds.
  • Redesigned docs homepage and navbar to increment us towards v5's new docs design.
  • Deprecated bg-gradient-variant mixin as it's being removed in v5.
  • Updated to jQuery v3.5.1, Jekyll v4, and dropped Node.js < 10.

Boosted 4.5.0

To sum up:

  • Bootstrap's carousels and Boosted's custom carousel now looks the same;
  • Mégamenu was very buggy for a while: works fine now, is mobile-first and RTL compliant;
  • Pagination works better in small screen, by limiting the number of displayed items depending on viewport and wrapping as a worst case scenario;
  • Improved IE11 compatibility;
  • sass-math-pow is not a dependency anymore 🎉

Details

Orange brand
  • italic: em & .font-italic now render as bold to match the brand and improve retro-compatibility with Bootstrap (158f5e3)
  • breadcrumbs: ensure breadcrumbs items are underlined to fix #372 (6389048)
Carousels
  • carousel: play/pause button not working (7a4045d)
  • carousel: remove legacy overrides in custom carousel to fix #328 (b8ae072)
  • carousels: prev/next buttons in RTL (728e805)
  • carousel: same design for native and custom carousels (3df37db)
  • o-carousel: harmonize prev/next icons with BS carousels' (265f44b)
Mégamenu
  • megamenu: close mega-menu-panels when closing mega-menu (5679eb1)
  • megamenu: default MediaQuery should always match (d5172ad)
  • megamenu: default to mobile view (e7c1096)
  • megamenu: ensure subnav are shown when going back to desktop (d4e35fb)
  • megamenu: event listeners unbinding doesn't work, wrapping functions instead (738bc5a)
  • megamenu: fully RTL compliant 🎉 (b7d871e)
  • megamenu: overlapping subnav items on IE11 (12cddab)
  • megamenu: remove .active when closing megamenu to fix #330 (4ba00d1)
  • megamenu: handle orientation change correctly (a06f188)
  • megamenu: improve current visual state on small screen (1d47d79)
  • megamenu: listen to media query events instead of window.orientationchange (7246490)
  • megamenu: mobile first styling to close #340 (c8d0e8e)
  • megamenu: ensure event listeners & ARIA are only set up on breakpoints they should, to close #330 (92e449e)
Pagination
  • pagination: ensure it wraps if needed, to close #317 (02406a6)
  • pagination: limit number of pagination items to display on smaller breakpoints for #317 (4bad17b)
Accessibility
  • color contrasts: use @ysds lookup table to simplify color-yiq() (c86758a) to ensure more reliable contrast ratio calculation— and to drop sass-math-pow dependency!
  • focus-visible: check data-attribute instead of class to close #324 (5255f21)
IE11 compatibility
  • alerts: ensure additional content won't overlap icon or button in IE11 (f0a0470)
  • IE11: missing block display for main (3baf228)
  • stepbar: truncated labels on small screen in IE11 (cf74cb5)
Various fixes
  • badge: missing spacing since .btn is now inline-flex — close #319 (5da7236)
  • cards: ensure accordions headers aren't underlined (cbad744)
  • forms: feedback icons got shrinked. Fixes #354 (a73db46)
  • modal: ensure to reset transition when modal is shown, to fix #355 (e2e1cd1)
  • navbar: current item indicator when last child, to close #321 (bd6bf79)
  • navbar: dropdown & icons alignment to fix #373 (9214cfa)
  • o-tabs: arrow icons size & position (1b1b11c)
  • o-tabs: ensure accordions headers aren't underlined (cbad744)
  • spinners: ensure color variants still work, to close #318 (6f8850c)
  • tablesorter: reverse asc/desc icon to close #364 (6ab5c70)
  • transition: remove prefers-reduced-motion refactor — counter-productive (6f0dc39)
Docs
  • Boostwatch: remove useless things and update markup to reflect latest changes (80569cb and eddfe05)
  • Brand warnings: remove brand warnings in docs since everything is either removed or handled (80569cb)
  • RTL: update "Getting started" / "RTL" to be more accurate (cdf26ae)
  • Examples: use loading=lazy everywhere (9185179)
  • Scrollspy: themify examples a bit (ee7cc63)
Assets 4
Loading