0
0
mirror of https://github.com/twbs/bootstrap.git synced 2024-12-04 16:24:22 +01:00
Commit Graph

169 Commits

Author SHA1 Message Date
Mark Otto
987ac632b5 given width: 100% is always on a container now and it's constrained by max-width, we can remove our navbar changes from #21722 and #22383 2017-08-04 15:14:24 -07:00
Mark Otto
36e482ed27 update navbars to rename .navbar-inverse to .navbar-dark, update all navbar examples and variables 2017-06-25 18:29:43 -07:00
Catalin Zalog
f640ec9662 Some .navbar .dropdown-menu optimisation (#22776) 2017-06-17 13:12:39 -07:00
Johann-S
af93db294b Reset Popper.js styles for Dropdowns in navbar 2017-06-17 13:12:39 -07:00
Patrick Yeo
f2829dd6ea Rename $navbar-*-toggler-bg to $navbar-*-toggler-icon-bg since it's placed on .navbar-toggler-icon (#22564) 2017-05-26 20:55:07 -07:00
Catalin Zalog
3706c88348 Fix (css): force .navbar .dropdown-menu positioning 2017-05-22 16:20:58 +02:00
Johann-S
ba2352c14e Force dropdown to be displayed in position static for navbar, to override Popper css 2017-05-16 14:48:12 +02:00
Patrick Yeo
dd0ce3e4b2 Rename variable $input-border-focus to $input-border-color-focus (#22413)
* Rename variable $input-border-focus to $input-border-color-focus
* Rename variables $pagination-hover-border, $pagination-active-border, $pagination-disabled-border to $pagination-hover-border-color, $pagination-active-border-color, $pagination-disabled-border-color, respectively
* Rename variables $state-*-border to $state-*-border-color, respectively
* Rename variables $alert-*-border to $alert-*-border-color
* Rename $list-group-active-border to $list-group-active-border-color
* Rename $table-inverse-border to $table-inverse-border-color
* Rename $btn-*-border to $btn-*-border-color
* Rename $navbar-*-toggler-border to $navbar-*-toggler-border-color
2017-04-16 15:45:10 -07:00
Mark Otto
2dfffbde89 Rename some .open to .show (#22389)
* no more outline overrides
* rename old .open to .show
2017-04-08 16:30:18 -07:00
Catalin Zalog
758503e9ae css: .navbar child's aligning
Vertical centering `.navbar` flex children's

Demo: http://jsbin.com/fibini
2017-04-08 12:38:37 -07:00
Catalin Zalog
8423e5c3e6 css: .navbar-expand .dropdown position
Set/reset `.dropdown` position when `.navbar-expand`.

Demo: http://jsbin.com/pojecuh
2017-04-08 12:36:28 -07:00
Catalin Zalog
e20d744bdf .navbar-toggler color
Change the .navbar-toggler to default contextual .navbar-*-color.

<iframe height='265' scrolling='no' title='Bootstrap - .navbar-toggler color' src='//codepen.io/zalog/embed/MJLZOE/?height=265&theme-id=light&default-tab=css,result&embed-version=2' frameborder='no' allowtransparency='true' allowfullscreen='true' style='width: 100%;'>See the Pen <a href='http://codepen.io/zalog/pen/MJLZOE/'>Bootstrap - .navbar-toggler color</a> by Catalin Zalog (<a href='http://codepen.io/zalog'>@zalog</a>) on <a href='http://codepen.io'>CodePen</a>.
</iframe>
2017-03-26 10:43:57 -07:00
Mark Otto
90c5f6230b rename from .navbar-toggleable to .navbar-expand to reflect mobile first approach everywhere else 2017-03-23 23:02:28 -07:00
Pierre-Denis Vanduynslager
17cb5bb674 Allow to customize navbar-brand font-size 2017-03-23 23:02:28 -07:00
Pierre-Denis Vanduynslager
a03aaf39df Harmonize navbar-brand, navbar-text and nav-link height 2017-03-23 23:02:28 -07:00
Mark Otto
09ba3de619 revamp the collapse behavior
instead of flex column, use wrap and an explicit flexbox break with flex-basis 100% on the navbar-collapse.

add some additional container styles for enabling flex behavior when content isn't immediate child of .navbar
2017-03-23 23:02:28 -07:00
Mark Otto
0eb9862514 account for fluid containers 2017-03-23 23:02:28 -07:00
Mark Otto
1e424bfcf6 ditch abs positioned togglers for explicit justify-content: space-between on parent 2017-03-23 23:02:28 -07:00
Pierre-Denis Vanduynslager
89b47efc32 Simplify generation and get rid of previously added "breakpoint-previous" function 2017-03-23 23:02:28 -07:00
Pierre-Denis Vanduynslager
c1325a756e Generate correct breakpoints for navbar-toggleable-* and generate toggleable without media query to never collapse 2017-03-23 23:02:28 -07:00
Sergey Kovalenko
bf7387aa42 Add align self to navbar brand (#21626) 2017-01-24 00:09:54 -08:00
Pierre Vanduynslager
9cf235508d Fix container within navbar on smallest breakpoint (#21722)
* Make container in navbar to occupy full width even on smallest breakpoint

* Fix typo in comment

* Apply fix only on smaller breakpoint

* drop the comment as chrome doesn't have a bug here
2017-01-21 13:06:00 -08:00
Quy
98e55484e7 Doc updates (#21542)
* Change it's to its.

* Fix links

* Fix typos
2017-01-05 14:24:40 -08:00
Quy
d82914fb2f Remove .navbar-divider 2017-01-02 15:32:26 -08:00
Mark Otto
20b05e42e3 update rest of docs, remove navbar specific modifiers, fix docs example css 2017-01-02 11:48:51 -08:00
Mark Otto
c386c5f5cb Remove .navbar-divider; it's undocumented and wasn't updated with the flexbox navbar updates, so it's kinda bunk right now 2017-01-02 11:12:24 -08:00
Mark Otto
4449167f44 linting 2016-12-28 19:07:33 -08:00
Mark Otto
5310bb4c0f redo order of css, add contents at top
this was mad confusing for awhile
2016-12-28 19:07:33 -08:00
Mark Otto
a3f6d8afcb line break for readibility 2016-12-28 19:07:33 -08:00
Mark Otto
40e85012eb reflect nav changes here in the responsive views
- since we're column to start, need to set row.
- note that flex-direction cannot be inherited, so we have to set it twice.
- apply the horizontal padding again to .nav-link.
- remove the .nav-item styles (un-needed).
- remove previous .nav-link styles as they were un-nested and potentially problematic in old placement should someone mix more navs in here.
2016-12-28 19:07:33 -08:00
Mark Otto
b132d02f99 don't let the toggle grow when it's the only flex child 2016-12-28 19:07:33 -08:00
Mark Otto
cc6d9085f7 set the direction to column (aka, vertical) for mobile views 2016-12-28 19:07:33 -08:00
Mark Otto
952035f353 remove extra line break 2016-12-28 19:07:33 -08:00
Mark Otto
c8f63d6442 bring over styles from .nav for .navbar-nav
since we're no longer using the .nav as a base class, we need to bring over some base styles for redoing browser list styles and setting flex in motion.

also brings with it some .nav-link styling. we're still using this global class, but with this small modification for alignment of content in responsive modes.
2016-12-28 19:07:33 -08:00
Mark Otto
861cda109a drop the flex-grow: 10 in favor of auto margin utils 2016-12-28 19:07:33 -08:00
Mark Otto
3d24364605 limit linter override to the affected ruleset 2016-12-28 15:13:43 -08:00
Mark Otto
41f7f6ec52 remove plain-hover-focus from navbar navs 2016-12-28 15:13:43 -08:00
Mark Otto
c14ba036c6 forgot to add display flex to the navbar, so utils weren't applying 2016-12-27 22:37:09 -08:00
Mark Otto
8231b188c3 remove .hidden-* classes from .navbar-toggler and make that part of the .navbar-toggleable-* 2016-12-22 13:48:07 -08:00
Mark Otto
b71f973bb5 more linting 2016-12-22 13:48:07 -08:00
Mark Otto
0698dfbed7 linting 2016-12-22 13:48:07 -08:00
Mark Otto
8d9d84784a Redo navbar-toggler
- Require inner element for the icon for improved customization (e.g., drop the element to replace it with your own icon font or SVG)
- Tighten up padding
- Better comments
2016-12-22 13:48:07 -08:00
Mark Otto
80674b0c58 fixes #18115: move forward with one naming scheme for inversed color schemes, renaming .navbar-dark to .navbar-inverse (matching .card-inverse in the process and restoring v3's inverted class name) 2016-12-22 13:48:07 -08:00
Mark Otto
ecba56828d fixes #18053 by removing container padding at lower breakpoints on responsive navbars 2016-12-22 13:48:07 -08:00
Mark Otto
2ea7feb9cc remove 2016-12-22 13:48:07 -08:00
Mark Otto
08e1582f2d Fix vertical alignment a bit 2016-12-22 13:48:07 -08:00
Mark Otto
5432e7621c move all nav link and collapse and container behaviors to the toggleable class generation area; this way the .navbar-toggleable-* goes on .navbar, easily affecting everything that needs updating for each breakpoint's use 2016-12-22 13:48:07 -08:00
Mark Otto
73da266009 move flex to navbar container only; otherwise it affects things negatively elsewhere 2016-12-22 13:48:07 -08:00
Mark Otto
96346f0b44 flexbox shiz 2016-12-22 13:48:07 -08:00
Mark Otto
b98ef3bfd0 no need for a clearfix given no more floats 2016-12-22 13:48:07 -08:00
Mark Otto
350f8a20c9 move padding on nav links and brand to be responsive padding, keeping mobile contents aligned better 2016-12-22 13:48:07 -08:00
Mark Otto
819978cb71 remove width 100% from positioning, remove rounded corners for utils 2016-12-22 13:48:07 -08:00
Mark Otto
96082b1ec7 remove justified, replacing with modifier later if needed; combine rules 2016-12-22 13:48:07 -08:00
Mark Otto
18453f06f9 flexbox this thing
- drop the table styles, use flex
- remove commented out code
- consolidate styles a bit
- add a huge flex-grow to the nav, making the assumption you want nav to take up most space
2016-12-22 13:48:07 -08:00
Mark Otto
09f13c4764 indentation 2016-12-22 13:48:07 -08:00
Mark Otto
99ac0bcedc exploring table based navbar again 2016-12-22 13:48:07 -08:00
Starsam80
b226766b62 Remove lots of duplication + minor cleanup (#21238)
* Remove comment that duplicated some code
* Use transition mixin whenever possible
* Create a new function to reduce duplication
* Use the new `breakpoint-infix` method
2016-11-28 13:23:59 -08:00
Starsam80
54908a95a8 Rename .navbar-toggleable-xs to .navbar-toggleable + more cleanup (#21226)
* Clean up some utilities

- Align CSS properties
- In `_spacing.scss`, we had a comment saying what 'a' was for, but we removed that so this comment no longer applies

* Remove '-xs' from `.navbar-toggleable-xs` and remove duplication

* Fix outdated classes to use newer ones
2016-11-27 22:23:12 -08:00
Mark Otto
4fc526f24a add disabled classes to light and dark navbar nav-links 2016-11-26 00:19:13 -08:00
Valentine Abanosimov
34ec049231 Fixes #20975: removed trailing whitespace 2016-10-30 21:57:04 +03:00
Valentine Abanosimov
66d113be83 Fixes #20975: removed trailing whitespace 2016-10-30 21:51:16 +03:00
Valentine Abanosimov
d6132c9a5d Fixes #20975: made navbar-text color on navbar-dark equal to non-hovered link color 2016-10-30 21:43:54 +03:00
Mark Otto
a3df8ca35a remove .navbar-brand > img selector that sets display block (will be replaced with utils) 2016-10-18 18:47:36 -07:00
Mark Otto
610ec73c9d more consistent navbar-brand line-height 2016-10-18 18:47:08 -07:00
Mark Otto
8be341ee96 lint 2016-10-17 22:17:02 -07:00
Mark Otto
484a8e3901 add navbar-brand and navbar-nav styles to the toggleable 2016-10-17 22:08:49 -07:00
Mark Otto
e24f406ce1 set the border color on the toggler 2016-10-17 21:05:22 -07:00
Mark Otto
b35e77deaf Fix sass map navbar-toggleable
Follow up to 6e8ce0c7dc. Uses the breakpoint-next mixin to snag the next breakpoint in the media query for proper styling.
2016-10-17 21:05:07 -07:00
Mark Otto
6e8ce0c7dc Iterate over breakpoints to generate .navbar-toggleable classes
- Moves .navbar-brand margin and float to media queries
- Replaces the static media queries with an each loop to generate all the needed classes
2016-10-16 21:51:26 -07:00
Mark Otto
64dcb8b507 Merge branch 'v4-dev' into v4-navbars 2016-09-15 10:20:57 -07:00
Chris Garcia
8b13c51a0e Removing a redundant background-color declaration. (#20698) 2016-09-11 22:50:14 -07:00
Mark Otto
d62c3e3f80 Swap for custom svg background that we can embed to set the color of the stroke via Sass variable 2016-09-11 22:25:42 -07:00
Mark Otto
818d1f53a5 Merge branch 'v4-hamburger-fix2' of https://github.com/patrickhlauke/bootstrap into patrickhlauke-v4-hamburger-fix2 2016-09-11 21:57:38 -07:00
Mark Otto
dc5c1421c6 Disable important flag on Sass linter (#20627) 2016-09-04 17:58:20 -07:00
Mark Otto
d506bd8e50 Update navbar-toggleable-* styles to incorporate changes from #20083 2016-07-26 20:16:23 -07:00
Mark Otto
15f522fd4a Fixes #17990: clear the floats within .navbar-toggleable-* to avoid funky animation on close 2016-07-24 00:49:08 -07:00
Patrick H. Lauke
d125860464 change navbar-toggler to use SVG background image 2016-07-20 10:29:54 +01:00
Mark Otto
dfa2536c3b Restore .navbar-text and add some basic examples to the docs /cc #18049 2016-05-15 12:29:56 -07:00
Mark Otto
c6c0522598 more navbar variables 2016-05-13 08:15:48 -07:00
Mark Otto
745e37a325 correction, -toggler-* 2016-05-12 21:50:17 -07:00
Mark Otto
906357b75f new var for -toggle-border-radius 2016-05-12 21:49:56 -07:00
Mark Otto
3021c241cc add new variable for -toggle-font-size 2016-05-12 21:49:03 -07:00
Mark Otto
8b7ce089c9 Alternate fix to #18865: Change the .navbar-toggler color for light/dark navbars as we do with the .navbar-brand 2016-05-12 11:24:09 -07:00
Chris Rebert
0d51926cf7 Merge pull request #19248 from twbs/navbar-divider-border-width
.navbar-divider width: 1px=>$border-width
2016-04-17 12:49:38 -07:00
Chris Rebert
38c3e6e4d1 Extract $navbar-brand-padding-y variable
[skip sauce]
[skip validator]
2016-02-16 23:11:25 -08:00
Chris Rebert
f10dc27cd4 .navbar-divider width: 1px=>$border-width
[skip sauce]
[skip validator]
2016-02-16 22:48:43 -08:00
Mark Otto
03ec195974 linter overhaul 2016-02-06 12:28:18 -08:00
Chris Rebert
1861b05b5f Rename 2 navbar variables to comply with updated naming convention
$navbar-padding-horizontal => $navbar-padding-x
$navbar-padding-vertical   => $navbar-padding-y

[skip sauce]
[skip validator]
2015-12-08 01:30:23 -08:00
Mark Otto
584cfdd72b Fixes #17230: Renames .navbar-static-top to .navbar-full and adds docs for it 2015-09-05 20:58:28 -07:00
Luke Bonaccorsi
319009a72b Added .navbar-toggleable-md class
In Bootstrap 3, the menu collapsed on the -sm- breakpoint, I believe the equivalent of this breakpoint in Bootstrap 4 is actually the -md- breakpoint. The navbar currently has no option to collapse at the -md- breakpoint and I'd like to add this.
2015-09-02 22:08:52 +01:00
Kevin Kirsche
d51f0a4f81 Use double colons for psuedo elements
Fix #17052
2015-08-24 13:22:10 -04:00
Mark Otto
a5bfbe0fca fix remaining scss lint errors 2015-08-23 01:12:00 -07:00
Mark Otto
b2dccb15d7 fix majority of scss linter errors 2015-08-23 01:00:22 -07:00
Mark Otto
27e4e97840 there is no navbar default for this 2015-08-23 00:28:02 -07:00
Mark Otto
b96f2b4c5b tweak navbar nav spacing 2015-08-18 01:06:14 -07:00
Mark Otto
47d334b28f shoutout navbar-divider 2015-08-18 00:59:44 -07:00
Mark Otto
d6b6a20a0d rewrite navbar once more for lower key styles and a new take on modifiers for improved customization 2015-08-18 00:46:29 -07:00
Mark Otto
f1e10c37fd rewrite navbar bits some more 2015-08-17 23:43:59 -07:00
Mark Otto
c3373df95f clean out comments that aren't all that helpful 2015-08-17 18:33:34 -07:00
Mark Otto
18da568b8b rewrite some navbar stuff, clean out some commented out code 2015-06-22 23:24:55 -07:00