0
0
mirror of https://github.com/twbs/bootstrap.git synced 2024-12-05 17:24:20 +01:00
Commit Graph

32 Commits

Author SHA1 Message Date
Julien Déramond
8d016c6cf9
Fix a11y keyboard access to docs navigation (#36340)
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2022-05-13 19:28:55 +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
Gaël Poupard
70175db429 docs(sidebar): active link 2021-01-08 09:49:18 +02:00
XhmikosR
d9adaae5b0 Move migration sidebar entry to sidebar.yml 2021-01-08 09:49:18 +02:00
Patrick H. Lauke
5ec6400bd0
Docs: change sidebar collapse controls to actual button elements (#31098)
apart from the visual styling, there's probably no good reason why these shouldn't be `<button>` elements, semantically

the buttons still look a shade too button-like, despite using `.btn-light`. the last remnant of button styling can probably be suppressed further, *or* this makes the case for expanding the core button styles to have one that looks completely non-button and non-link like (for cases where an additional style/hint was given already, or it's clear from context that something's an actionable button or link)

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2020-11-18 20:20:05 +02:00
Rohit Sharma
418f17ee2b Add bs in data attributes
- Add `bs` in data APIs everywhere
- Update unit tests
2020-11-14 07:09:15 +02:00
Mark Otto
d1dcc1e5e6 Update instances of .font-weight to .fw 2020-10-31 19:19:52 +01:00
Mark Otto
74279460c2
v5: Adjust docs sidebar and navbar (#31119)
* Hide the docs nav on mobile, redesign it for two columns on narrow devices

* Tweak spacing on ToC

* Redesign sidebar and subnav

* Revamp subnav mobile layout so everything's on one line

* Tighten up masthead a little

* Switch the icon for the subnav and do a little icon toggling

* Fix mobile overflow since we changed guters stuff

* Add the widths

* make the subnav icon purple
2020-09-25 09:35:24 -07:00
Martijn Cuppens
7cedb8eeae
Fix sidebar jump (#31232) 2020-07-03 15:16:05 +02:00
Gaël Poupard
ad518e2097
Apply utilities in docs styles (#30866)
* docs(theming): apply utilities where possible

* Update docs-sidebar.html

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2020-05-26 19:02:19 +03:00
XhmikosR
d2325b65c8
Improve docs-sidebar.html (#30567)
Reduce the output HTML
2020-04-17 18:47:19 +02:00
Martijn Cuppens
4448856038 Simplify sidebar styles 2020-03-28 17:57:22 +02:00
Gaël Poupard
9efaeba35e docs(sidenav): use class selector for active item 2020-03-28 17:57:22 +02:00
Gaël Poupard
72230091b6 docs(sidenav): get rid of custom JS for active state 2020-03-28 17:57:22 +02:00
Gaël Poupard
79dc21b22b docs(sidenav): fix struggling CSS when collapsing sidenav 2020-03-28 17:57:22 +02:00
Gaël Poupard
5f58b3df2c docs(sidenav): use collapse components 2020-03-28 17:57:22 +02:00
Gaël Poupard
9eccb3a230
Documentation skip links (#30073)
* docs(skip-links): add a skip to main navigation skip link

* docs(skip-links): revamp skip-links pattern

* docs(navs): use aria-label on navs

* docs(navs): use 'docs navigation' label in sidebar nav
2020-03-23 16:23:37 +02:00
Gaël Poupard
96ac6068b3
Use aria-current where appropriate (#30079) 2020-02-07 13:18:30 +02:00
XhmikosR
ae249e8f55
docs-sidebar.html: reindent. (#29337) 2019-08-30 08:01:21 +03:00
XhmikosR
8570d86d79 Rename site/data/nav.yml to sidebar.yml. 2019-07-29 10:59:56 +03:00
Martijn Cuppens
2f4f15c018 Sidebar theming tweaks 2019-07-25 10:25:39 +03:00
Mark Otto
5a0be01e3e Make subnav and sidebar work on mobile too 2019-07-21 21:44:32 -07:00
XhmikosR
38557b2fa1 Remove unneeded div.
This is a link.
2019-07-19 09:19:56 +03:00
XhmikosR
e09f306b6b Use has-children. 2019-07-17 16:21:47 +03:00
Mark Otto
ebcc3ff9af Move sidebar icon to CSS 2019-07-17 16:21:47 +03:00
XhmikosR
8bc6692082 Move the icon to a partial and optimize it. 2019-07-17 16:21:47 +03:00
XhmikosR
3898df1f5a Add width/height in the SVG arrow.
Fixes IE.
2019-07-17 16:21:47 +03:00
XhmikosR
9745790514 Use the direct link to migrations page. 2019-07-17 15:27:01 +03:00
Mark Otto
aaf03bdc9e
v5: Forms update (#28450)
* Initial spike of consolidated form checks

* Stub out forms rearrangement

- Prepping to drop non-custom file and range inputs
- Prepping to merge custom and native checks and radios (with switches)
- Prepping to merge custom select with form select
- Moving docs arround so forms has it's own area given volume of CSS

* Move input group Sass file to forms subdir

* Start to split and move the docs around

* Simpler imports

* Copyediting

* delete overview file

* Remove commented out code

* remove the custom-forms import

* rewrite flex-check as form-check, replace all custom properties

* Remove old forms doc

* stub out new subpage link section

* update migration guide

* Update nav, forms overview in page nav, and descriptions

* fix check bg position

* fix margin-top calculation

* rename .custom-select to .form-select

* Update validation styles for new checks

* add some vertical margin, fix inline checks

* fix docs examples

* better way to do this contents stuff, redo the toc while i'm at it

* page restyle for docs while here

* un-callout that, edit text

* redo padding on toc

* fix toc

* start to cleanup checks docs

* Rewrite Markdown tables into HTML

* Redesign tables, redo their docs

* Replace Open Iconic icons with custom Bootstrap icons

* Redesign the docs navbar, add a subheader, redo the sidebar

* Redesign docs homepage a bit

* Simplify table style overrides for docs tables

* Simplify docs typography for page titles and reading line length

* Stub out icons page

* Part of sidebar update, remove migration from nav.yml

* Move toc CSS to separate partial

* Change appearance of overview page

* fix sidebar arrow direction

* Add footer to docs layout

* Update descriptions

* Drop the .form-group class for margin utilities

* Remove lingering form-group-margin-bottom var

* improve footer spacing

* add headings to range page

* uncomment form range css

* Rename .custom-range to .form-range

* Drop unused docs var

* Uncomment the comment

* Remove unused variable

* Fix radio image sizing

* Reboot update: reset horizontal ul and ol padding

* de-dupe IDs

* tweak toc styles

* nvm, fix dropdown versions stuff

* remove sidebar nav toggle for now

* broken html

* fix more broken html, move css

* scss linting

* comment out broken helper docs

* scope styles

* scope styles

* Fixes #25540 and fixes #26407 for v5 only

* Update sidebar once more

* Match new sidenav order

* fix syntax error

* Rename custom-file to form-file, update paths, update migration docs for previous changes in #28696

* rename back

* fix size and alignment

* rename that back too
2019-07-12 16:52:33 -05:00
Bardi Harborow
08bddb8743 Add ARIA search landmark to documentation. (#28983) 2019-07-02 21:17:42 +03:00
XhmikosR
80dfee9dc1
Update hugo-bin to v0.43.1 (Hugo 0.55.1). (#28631) 2019-04-15 11:49:24 +03:00
XhmikosR
d95d30029f Switch to Hugo.
No more Ruby dependency and most important more than 10 times less build time (at least on Windows)!
2019-03-13 19:22:59 +02:00