New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Beta 3 ship list #24439

Closed
mdo opened this Issue Oct 19, 2017 · 0 comments

Comments

Projects
1 participant
@mdo
Member

mdo commented Oct 19, 2017

Highlights

  • New vertically centered modal option in #24510.
  • Added new dropleft and dropright variants for dropdowns in #23860.
  • Rewrote background-images for custom checkboxes and radios to account for better multiple backgrounds. Now the opt-in background-image gradient is on the .custom-control-indicator and the icon is a pseudo-element, .custom-control-indicator::before.
  • Our npm package no longer includes any files other than our source and dist JavaScript and CSS files. If you previously relied on our running our scripts via the node_modules folder, you'll need to update your build tools.
  • Input groups rewritten to have specific .input-group-{prepend|append} classes, support validation styles and messages, and add custom select and file support.
  • Rewrite and unify default and custom checkboxes and radios to have simpler markup, un-nesting the inputs from the labels so we can style the label based on the input's state. This is essential for form validation and disabled inputs.
  • Responsive tables are once again parent classes to avoid a11y issues with changing a <table>'s display.
  • Print styles have moved to bottom of the import stack to properly override styles.
  • Restored cursor: pointer to non-disabled buttons, .close, navbar toggler, and pagination links.

CSS

  • #23468: Convert tooltip units to rem.
  • #23638, #24510: Add new .modal-dialog-centered modifier to vertically center shorter modals.
  • #23728, #24733: Change selector for styling input-based button groups.
  • #23782: Convert modal's px units to rem.
  • #24144, #24150: Add ability to customize outline button hover state via mixin with two additional parameters.
  • #24173, #24401: Fix validation focus styles for custom checks and file inputs.
  • #24299: Add support for fractional viewport widths (zoom/high-dpi displays).
  • #24315: Reduce z-indexes in button-group, input-group, list-group, and pagination to the minimum necessary.
  • #24366: Remove margin for pre in _code.scss since it's already set in _reboot.scss.
  • #24376: Added variable for $dropdown-border-radius.
  • #24404: Refactor a few selectors.
  • #24426: Added two new variables for our color contrast function, $yiq-text-dark and $yiq-text-light, for easier customization.
  • #24454: Remove background-image: none; on .form-control.
  • #24455: Add support for custom selects and file inputs to input groups.
  • #24465: Add animation to color on outlined btns
  • #24467: Remove unused transition from .img-thumbnail (and it's associated variable).
  • #24469, #24481: Fix padding on dismissible alerts to prevent overlapping close button.
  • #24473, #24486: Match .form-control-plaintext display and width to the .form-control.
  • #24488, #24491: Round corners of card headers and footers in card groups.
  • #24496, #24498: Remove margin-bottom on <label>-based buttons in button groups.
  • #24503, #24505: Override the border-radius on all .btns when $enable-rounded is disabled.
  • #24504, #20316, #23823, #24597, #24699: Improve custom selects and document their sizes.
  • #24517, #24520: Add margin variables for the hr element.
  • #24538, #24544: Improve .progress-text rendering for 0% use case.
  • #24553, #24695: Override the border-color on .custom-select:focus when the form control is valid or invalid.
  • #24598, #24697: Rewrite custom checkbox and radio backgrounds.
  • #24603: Remove hardcoded colors references in our variables for colors, tabs, and more.
  • #24618: Convert .list-inline padding to rem units.
  • #24632, #24633: Reduce z-index on custom file input.
  • #24639: Add new variable to consolidate border variables on nav tabs.
  • #24643, #24694: Restore transition on .progress-bar.
  • #24680: Add new variable for disable button opacity.
  • #24723: Add underline back to btn-link on focus.
  • #24766: Fix nested cards on card group.
  • #24767: Add variables for form validation messages.
  • #24803: Improve support for vertically centered modals.
  • #24813: Add hover state to <button> elements for .bg- utilities to match <a> elements.
  • #24886: Adds variable for color yiq threshold.
  • #24917, #24932: Drop .col-form-legend in favor of .col-form-label, enabling size modifier classes to be used on <legend> elements.
  • #25020: Rewrite input group component with specific prepends/appends, form validation, and more custom control support.
  • #25050: Rewrite and unify default and custom checkboxes and radios to have simpler markup, un-nesting the inputs from the labels so we can style the label based on the input's state. This is essential for form validation and disabled inputs.
  • #25054: Made file inputs 100% wide, updated examples in docs to prevent horizontal scrolling.
  • #25058: Responsive tables are once again parent classes to avoid a11y issues with changing a <table>'s display.
  • #25059: Make custom selects and custom files full width to match their browser defaults.
  • #25062: Refactor tooltip and popover arrow sizing and positioning.
  • #25064: Update SCSS import order to have print styles last.
  • #25066: Darken table border-color to avoid matching with background-color.
  • #25068: Rewrite custom file input to move <label> to sibling of <input> and replace outer wrapper with a <div>, matching other inputs. Also adds validation support.
  • #25082: Restored cursor: pointer to non-disabled buttons, .close, navbar toggler, and pagination links.
  • #25070: Separated .btn focus and active styles so that multiple .active buttons do not appear to all have focus.
  • #24630: Set cursor:pointer for <summary>.

JS

  • #23860: Dropleft and dropright variants for dropdown added.
  • #24304, #24573: Throw error about Popper.js only when it's needed.
  • #24511, #24962: Clean up transitionEnd properties.
  • #24512: Update popper.js to v1.12.6 and package-lock.json.
  • #24513, #24530: Ensure our plugins can work in jQuery.noConflict mode
  • #24545: Add unit tests for util.js
  • #24557: Dropdown - refine handling of keydown in input and textarea
  • #24572: Do not create a Popper.js instance when we don't need it.
  • #24665, #24774: Object spread : less jQuery more ES6
  • #24683: Update babel to v7.0.0-beta.31
  • #24690: Popover - call content once if it's a function.
  • #24700: Escape ID in Util.getSelectorFromElement.
  • #24706: Fix test failure with jQuery 1.9.1.
  • #24713: Use native pseudo-selectors instead of jQuery selectors.
  • #24783: Use UMD and fix build to properly load deps.
  • #24871: Tab.js: do not remove fade class if there's no initial active pane
  • #24976: dropdown: add boundary config option
  • #24979: tooltip & popover: add boundary config option

Docs

  • #24373, #24424: Improve documentation of display utilities.
  • #24395: Update screenshots for Examples page.
  • #24446: Change max-height to height in documentation sidebars.
  • #24449: migration.md: fix Jekyll variable.
  • #24456: Fix broken URI fragment and a redirected link.
  • #24457: Be consistent with "JS"/"JavaScript".
  • #24463: Use navbar-expand-sm in our navbar bottom example for small devices.
  • #24470: Reduce whitespace liquid outputs.
  • #24483: Simplify social.html and fix the wrong usage of site.description instead of page.description in meta description.
  • #24521: Improve variable naming for docs Sass.
  • #24551: Add table-row in documentation.
  • #24571: Add comment about dropdowns in navbars not using dynamic positioning.
  • #24577: Improve form spacing in docs.
  • #24589: Revamp some of the About section.
  • #24613: Update docsearch.js links.
  • #24656: Update our Webpack documentation for Webpack 3.
  • #24712: Use correct jQuery name in docs.
  • #24725: Add missing role="button" in collapse examples.
  • #24771: Remove .col-form-label from vertical form example.
  • #24805: Change the text color to dark on bg color warning examples.
  • #24825: Remove unused file and bundle ie-emulation-modes-warning.js with docs.min.js.
  • #24863: Update typography docs.
  • #24866: Use Jekyll's smartify filter when possible.
  • #24872: Remove unused CSS.
  • #24899: Override padding on radio input label.
  • #24923: Remove page reload in pwa.js.
  • #25054: Restyle code element, remove docs example overflow to fix #25038, and improve docs examples to prevent horizontal scrolling.
  • d363c64: Fix invalid <nav role="tablist"> in docs

Build tools

  • #24459: Set autoprefixer's cascade option to false.
  • #24471: Tighten htmllint's rules.
  • #24499: Update gems.
  • #24501: Enable stylelint's function-comma-space-after.
  • #24532: npm scripts: fix duplicate runs.
  • #24583: Clean up package.json scripts.
  • #24606: Revisit vnu-jar suppressions and fix the script to work on 32-bit OS
  • #24676: Don't run postcss for dist/css/*.min.css files.
  • #24722, #24940: Update devDependencies and gems.
  • #24749: Run our unit tests on different jQuery versions
  • #24814: Add a script to generate SRI hashes.
  • #24860: Replace lint-vars.sh script with a Node.js script.
  • #24919: Update our browserslist.

Packaging

  • #24584, #24590: Remove the bower.json file entirely instead of providing a comment inside.

@mdo mdo added ship list v4 labels Oct 19, 2017

@twbs twbs locked and limited conversation to collaborators Oct 19, 2017

@mdo mdo added this to Tracking in v4 Beta 3 Oct 19, 2017

@mdo mdo closed this Dec 28, 2017

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.