0
0
mirror of https://github.com/twbs/bootstrap.git synced 2024-12-12 00:08:59 +01:00
Commit Graph

92 Commits

Author SHA1 Message Date
Mark Otto
f7e8ca91e0 Prepare v5.2.0-beta1 2022-05-13 19:44:01 +03:00
Mark Otto
195440f2fb
v5.2.0 design refresh, plus responsive offcanvas classes (#35736)
* Add responsive offcanvas classes

- Updates navbar-expand classes to de-dupe some styles—these shouldn't interfere now.
- Adds some JS to the offcanvas component to help with responsiveness

Co-Authored-By: GeoSot <geo.sotis@gmail.com>

* Redesign homepage, docs, and examples

Homepage:

- New Bootstrap purple navbar
- Redesigned masthead
- Rewrote and redesigned homepage content
- Replace Copy text with icons like Bootstrap Icons site across all ClipboardJS instances
- Fixed padding issues in site footer
- Match homepage button styles to examples page, use gap instead of tons of responsive margin utils

Docs:

- New navbar, no more subnav. Migrated search and version picker into the main navbar and refreshed the design of it all, including the responsive toggles.
- New sidebar navigation is always expanded, and now features Bootstrap Icons alongside section headings
- Sidebar navigation autoscrolls to active link for better usability
- Subnav and navbar padding issues ironed out
- Enhanced the version picker in anticipation of v5.2: we can now link right to the same page in the previous version.
- Redesign callouts to add more color to our pages
- Collapse table of contents on mobile
- Cleanup and redesign button styles with CSS variables
- Update design for subnav version dropdown
- Update highlight and example to be full-width until md
- Improve the Added In badges
- Turn the ToC into a well on mobile
- Redesign code snippets to better house two action buttons

Examples:

- Redesign Examples page layout
- Add new example for responsive offcanvases in navbars

* Convert offcanvas to CSS vars

* Feat: add resize handler to Offcanvas.js.

If we could use as default the `.offcanvas` class without modifiers, we then, could add a simplified selector
The selector itself, ignores the .offcanvas class as it doesn't have any responsive behavior
The `aria-modal` addon is to protect us, selection backdrop elements

* Separate examples code, Add some selectors, fix stackblitz btn

Co-authored-by: GeoSot <geo.sotis@gmail.com>
2022-04-17 22:17:50 -07:00
Tiger Oakes
fe257823ec
Use Babel and ES6 in docs JS files (#31607)
* Pass docs js through Babel

* Use ES6 in docs js

* Only run babel on src files

* Allow babel in Hugo

* Update scripts.html

* Inherit from the root .eslintrc.json

* Use `Array.from`

* Drop Babel from docs

* Prefer template

* replace IIFE with arrow functions

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
Co-authored-by: GeoSot <geo.sotis@gmail.com>
2022-04-12 18:07:25 +03:00
XhmikosR
f20fece3a8
Prepare v5.1.0. (#34674) 2021-08-04 18:41:51 +03:00
XhmikosR
dd303fa971
docs: minor image compression improvements (#34557)
Before: 121 KB (124.549 bytes)
After:  121 KB (124.367 bytes)
2021-07-25 20:33:45 +03:00
Mark Otto
2d8da8bcb0
Add four new snippet examples (#33882)
* Add four new snippet examples

- Dropdowns
- Footers
- List groups
- Modals

* Fix HTML linter errors

* more linter
2021-06-22 19:15:02 -07:00
Mark Otto
a3ad7327f2
Update examples (#33214)
* Add updated Jumbotron example made from utilities

* Update starter template example with new design and links

* Update some existing examples and their screenshots

* Add four new snippet-based examples

* Update layout to improve things a bit

* WIP

* Add d-block to images

* Fix horizontal scroll

* move d-block to the anchor

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2021-03-22 13:59:14 -07:00
GeoSot
548be2ed66
Offcanvas as component (#29017)
* Add a new offcanvas component

* offcanvas.js: switch to string constants and `event.key`

* Remove unneeded code

* Sass optimizations

* Fixes

Make sure the element is hidden and not offscreen when inactive
fix close icon negative margins
Add content in right & bottom examples
Re-fix bottom offcanvas height not to cover all viewport

* Wording tweaks

* update tests and offcanvas class

* separate scrollbar functionality and use it in offcanvas

* Update .bundlewatch.config.json

* fix focus

* update btn-close / fix focus on close

* add aria-modal and role
return focus on trigger when offcanvas is closed
change body scrolling timings

* move common code to reusable functions

* add aria-labelledby

* Replace lorem ipsum text

* fix focus when offcanvas is closed

* updates

* revert modal, add tests for scrollbar

* show backdrop by default

* Update offcanvas.md

* Update offcanvas CSS to better match modals

- Add background-clip for borders
- Move from outline to border (less clever, more consistent)
- Add scss-docs in vars

* Revamp offcanvas docs

- Add static example to show and explain the components
- Split live examples and rename them
- Simplify example content
- Expand docs notes elsewhere
- Add sass docs

* Add .offcanvas-title instead of .modal-title

* Rename offcanvas example to offcanvas-navbar to reflect it's purpose

* labelledby references title and not header

* Add default shadow to offcanvas

* enable offcanvas-body to fill all the remaining wrapper area

* Be more descriptive, on Accessibility area

* remove redundant classes

* ensure in case of an already open offcanvas, not to open another one

* bring back backdrop|scroll combinations

* bring back toggling class

* refactor scrollbar method, plus tests

* add check if element is not full-width, according to #30621

* revert all in modal

* use documentElement innerWidth

* Rename classes to -start and -end

Also copyedit some docs wording

* omit some things on scrollbar

* PASS BrowserStack tests

-- IOS devices, Android devices and Browsers on Mac, hide scrollbar by default and appear it, only while scrolling.

* Rename '_handleClosing' to '_addEventListeners'

* change pipe usage to comma

* change Data.getData to Data.get

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
Co-authored-by: Martijn Cuppens <martijn.cuppens@gmail.com>
Co-authored-by: Mark Otto <markdotto@gmail.com>
2021-03-02 19:10:10 +02:00
XhmikosR
bc4272531b Revert v5.getbootstrap.com changes 2020-12-07 18:18:16 +02:00
Gaël Poupard
aaff11a0b3 docs(examples): new cheatsheet and RTL examples 2020-12-04 07:52:03 +02:00
Martijn Cuppens
8f3c8a922a
Manually optimize SVGs (#32187) 2020-11-19 19:07:06 +01:00
Mark Otto
3e2f9ab237
v5: Floating labels (#30449)
* v5: Promote floating labels example to component

- Adds new .form-floating
- Stubs out basics of a docs page
- Removes existing Example

* Update floating labels to support .form-select, make inputs and selects more consistent

- To do this, I made the .form-control and .form-select consistent in min-height vs height
- Removed some unused variables now
- Updated -color to be the -color because I don't know why this was any different before
- Update page to include some examples for layout, validation, and value
- Rewrite styles to not modify padding, but instead transform and opacity

* Streamline and bulletproof some things

- Apply some optimizations from code review
- Removed unecessary properties from the label
- Add some comments for what properties are required
- Move from fixed height for labels to height 100% so we can support textareas
- Improve docs a little bit, add ToC

* Move some values to variables, switch from scaling font-size to scale, update transforms

* Bring over changes from #30966 and add to them to tighten things up

* Delete the now unused example images

* Fix typo

* Allowlist the calc function

* Add transform-origin, update transform values

* Test out autofill fix

* Fix linter issue

* Mention it in the migration guide

* Bump bundlesize

* Add one more variable per review

* Shave .25rem off the height

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2020-10-27 20:45:48 -07:00
XhmikosR
fb30989ee2
Update manifest.json (#31893)
Switch to relative URLs so that we don't need to change the path with every major/minor release
2020-10-15 16:32:52 +03:00
XhmikosR
d862a9f276
Revert #31761 (#31792)
Revert "Re-optimize SVG"

This reverts commit 331566bc85.

Revert "Move homepage-hero.svg to an img tag"

This reverts commit c24acf8d2c.
2020-09-29 18:24:30 +03:00
XhmikosR
4238a04de3 Compress the new images 2020-09-28 19:22:53 +03:00
Mark Otto
661577173d Add new Bootstrap Icons homepage images 2020-09-28 19:22:53 +03:00
XhmikosR
331566bc85 Re-optimize SVG 2020-09-28 11:03:21 +03:00
XhmikosR
c24acf8d2c Move homepage-hero.svg to an img tag 2020-09-28 11:03:21 +03:00
XhmikosR
6c2abf3a1e
brand: minor consistency changes (#31750) 2020-09-25 19:40:58 +03:00
XhmikosR
135c78a043 Update the new SVGs with the svgo config we use 2020-09-10 11:56:02 +03:00
XhmikosR
23803d3de7 Remove the unused PNG files. 2020-09-10 11:56:02 +03:00
Mark Otto
eb23b98fb5 First pass at cleaning up About pages and brand assets 2020-09-10 11:56:02 +03:00
Mark Otto
40fd8350f3 Update v5 readme
- New logo
- Add callout to v4-dev branch
2020-06-16 22:02:03 +03:00
XhmikosR
723cd8d12b Prepare docs for v5.getbootstrap.com
* use v5.getbootstrap.com as the site URL/CNAME
* block robots from crawling
* specify next npm tag
2020-06-16 22:02:03 +03:00
Mark Otto
6ca54573a9 Update v5 homepage to match v4.5's changes 2020-06-16 21:19:32 +03:00
XhmikosR
cf6ab08842 Add new favicons. 2020-06-16 20:04:56 +03:00
XhmikosR
1776197c26 Remove IE-specific images/files. 2020-06-16 20:04:56 +03:00
Mark Otto
17768d2459 v5: New favicons 2020-06-16 20:04:56 +03:00
XhmikosR
358d637d1c Read validate-forms.js from assets. 2020-06-03 15:57:20 +03:00
XhmikosR
38ec7c4df7
Bump version to 5.0.0-alpha1 (#29925)
Also add v4.5.0 in versions and keep README.md pointing to v4.5.0 so that there are no broken stuff.
2020-05-13 22:36:00 +03:00
XhmikosR
cef9b4e2ee
Change file permissions to 644. (#30106) 2020-02-05 10:24:09 +02:00
XhmikosR
129bb08fc4
Use Hugo for our docs Sass and JS. (#29280)
Now there's only one command needed to run the docs: `npm run docs-serve`.

Also, simplify the npm scripts.
2019-09-17 00:22:49 +03:00
XhmikosR
fbeed6f1d9 Darken footer color. 2019-09-16 23:41:57 +03:00
XhmikosR
943a074a2b Tweak syntax highlighting colors to be WCAG2AA valid. 2019-09-16 23:41:57 +03:00
Martijn Cuppens
2f549ecda8 Typo fix (#29382) 2019-09-07 22:16:48 +03:00
ysds
713dd82403 Remove unnecessary z-index 2019-09-06 18:06:13 +03:00
Martijn Cuppens
9066f9495c Make sure the content doesn't cover the navbar dropdown
See https://github.com/twbs/bootstrap/pull/29368#issuecomment-528725686
2019-09-06 18:06:13 +03:00
XhmikosR
c6ac6365e5 Use the $white variable. 2019-09-06 18:06:13 +03:00
Martijn Cuppens
b6b96c174b Docs tweaks
- Simplify display headings example markup
- Simplify footer styles
- Remove z-indices hacks in the docs
- Remove redundant modal styling in docs
- Use `escape-svg()` to escape docs sidebar chevron
- Simplify sidebar chevron code
- Cleanup masthead css & fix column width between `md` & `lg`
- Easier to download logo's with the `download` attribute.
- Changed some color codes into variables
- Cleanup brands css
2019-09-06 18:06:13 +03:00
Mark Otto
eb49bd11c9 Update subnav to remove breadcrumb and just keep versions and search (#29368) 2019-09-05 21:43:31 +03:00
XhmikosR
e99625c088
docs: remove swatches for theme colors. (#29327)
Use the built-in utilities instead.
2019-08-29 15:18:47 +03:00
Martijn Cuppens
12442a68a4 Switch percentage font-sizes to em and change some font sizes for consistency in docs 2019-08-27 23:11:06 +03:00
XhmikosR
bf57274fb5
Dist (#29263) 2019-08-27 16:03:21 +03:00
XhmikosR
c463c261ed
Remove "Wall of browser bugs" page. (#29297)
While important in the past, it has become obsolete, so removing it seems the best solution.
2019-08-27 08:44:35 +03:00
Martijn Cuppens
19ee63ad25 Link helpers & use utility API for all utilities 2019-08-26 08:21:24 +02:00
XhmikosR
294fcddeac
docs css: minor cleanup (#29266) 2019-08-18 16:57:25 +03:00
Martijn Cuppens
8e26010d06 docs: fix tap targets (#29272) 2019-08-18 16:29:23 +03:00
XhmikosR
dd383ff27b Move favicon.ico and apple-touch-icon.png in hugo mounts. 2019-08-17 13:17:59 +03:00
XhmikosR
ecaefed920
Remove unneeded Stylelint suppressions. (#29222) 2019-08-07 17:26:04 +03:00
Mark Otto
d94148bf50
Responsive containers (follow-up to #29095) (#29118)
* Follow-up to #29095

This PR fixes the responsive containers that were added in #29095, originally stubbed out in #25631. Apologies to @browner12 for getting that wrong.

Fixes #25631.

* update navbar as well because we cannot reset all containers uniformly

* Update navbars example to include container-xl example to ensure containers match

* rewrite responsive containers docs, add table of max-widths

* Update container docs
- Move table up to the intro
- Remove the container example because it's actually hella confusing
- Update and link to grid example as a demo instead
2019-08-05 12:12:16 -07:00