Johann-S
b9c4a5cde2
Fix dropup in bottom navbar for all the breakpoints
2017-10-04 16:22:55 +02:00
Johann-S
a9e7abd29b
Fix caret position for Dropdown in a bottom navbar
2017-10-04 10:32:32 +02:00
Johann-S
b6988714a1
Fix dropup in navbar
2017-10-04 10:32:32 +02:00
XhmikosR
7b766e1ad5
Switch to stylelint. ( #23572 )
2017-10-02 20:34:56 -07:00
Andres Galante
acf76a4513
fixes navbar-text link colors ( #23702 )
2017-10-02 10:11:11 -07:00
XhmikosR
5cec8e0de6
Minor Sass cleanup and consistency changes. ( #23959 )
2017-09-17 08:18:24 +03:00
Andres Galante
5becfa6fb1
fixes #23926 responsive state on navbar
2017-09-12 21:41:15 -03:00
Martijn Cuppens
0ccb1e8d9a
Fix navbar IE ( #23652 )
2017-09-12 11:32:43 +03:00
Mark Otto
73040d4311
fix navbar alignment for never expand situations
2017-08-04 15:15:25 -07:00
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