Martijn Cuppens
48fe2c23d3
Space fixes ( #27997 )
2019-01-08 06:46:29 +02:00
Martijn Cuppens
e1b990fb90
Move hand cursor for buttons to reboot
2019-01-04 11:53:32 +02:00
Andres Galante
ed3c611949
creates variables for navbar brand colors #27187
2018-09-13 17:51:14 +03:00
Andrew
abb4868626
correct spelling errors ( #26837 )
2018-07-09 17:59:22 -07:00
ysds
14f712601e
Add basic position to dropup/right/left and dropdown-menu-right ( #25400 )
2018-03-12 19:44:05 +02:00
Patrick H. Lauke
1f490ec165
Consistently use :disabled
rather than [disabled]
selector ( #25317 )
...
Closes https://github.com/twbs/bootstrap/issues/25316
2018-01-15 20:51:01 +00:00
Andres Galante
5f3856ce29
removes hardcoded value for nav-link padding
2017-12-30 20:58:25 -08:00
patrickhlauke
e3f9c463fc
Opinionated: reintroduce cursor:pointer
...
Explicitly re-adds the "hand" `cursor:pointer` for non-disabled `.btn`, `.close`, `.navbar-toggler` elements, as well as forcing `page-link` pagination controls to always have the "hand" cursor (even if an author uses it on, say, `<button>` elements for a dynamically updating in-page pagination).
Controversial, as everybody jumped on the bandwagon following this article https://medium.com/simple-human/buttons-shouldnt-have-a-hand-cursor-b11e99ca374b - which does have its merits of course, but there are also counter-arguments like http://kizu.ru/en/issues/cursor-pointer/
And seeing the amount of issues we've seen following the change, and the potential complexity needed to consistently address the cursor issue (see https://github.com/twbs/bootstrap/issues/24156 where i explore how the cursor needs to be based on "intent", and how that's tough to determine), I'm favouring an opinionated take here of just reintroducing the `cursor:pointer`.
2017-12-27 16:28:10 -08:00
XhmikosR
34d745540d
Minor Sass consistency changes. ( #24677 )
...
* use `background-color` instead of the shorthand
* use `outline: 0` consistently
* fix transform order
* remove quotes from `SFMono-Regular`
2017-11-06 02:23:36 +02:00
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