aboutsummaryrefslogtreecommitdiff
path: root/scss/_dropdown.scss
AgeCommit message (Collapse)AuthorFilesLines
2020-11-24Backport #32224XhmikosR1-1/+1
Be consistent with Popper's name.
2020-09-30Add new variable for -padding-xMark Otto1-1/+1
(cherry picked from commit fe77208a01b9b41ce13a9c68139d9f1618c48ec9)
2020-03-09$link-decoration: underline affects some components (#30262)Martijn Cuppens1-0/+1
Co-authored-by: Shohei Yoshida <[email protected]> Co-authored-by: Martijn Cuppens <[email protected]>
2020-02-17Added new variable for padding on dropdown header (#29946)Giovanni Mendoza1-1/+1
Co-authored-by: XhmikosR <[email protected]> Co-authored-by: Martijn Cuppens <[email protected]>
2019-08-22Deprecate nav-divider() mixinMartijn Cuppens1-1/+1
2019-07-31Apply `at-mixin-argumentless-call-parentheses: always` stylelint rule for v4 ↵Martijn Cuppens1-1/+1
mixins
2019-07-31Apply `at-mixin-argumentless-call-parentheses: always` stylelint ruleMartijn Cuppens1-1/+1
2019-02-07Responsive font size implementation (#23816)Martijn Cuppens1-2/+2
2019-02-03Fix dropdown radius if `$dropdown-padding-y` is not 0 (#28127)Martijn Cuppens1-5/+9
2019-01-20Make component colors configurable (#28035)Martijn Cuppens1-1/+1
2019-01-13Sync dropdown font size with btn font sizeMartijn Cuppens1-1/+1
2019-01-13Prevent wrapping if caret is included (#28029)Martijn Cuppens1-0/+2
2019-01-07Fix incorrect responsive alignment of dropdown menu (#27873)Shohei Yoshida1-11/+5
2018-12-21Add variable for dropdown-divider-margin-y (#27857)Mark Otto1-1/+1
* Add variable for dropdown-divider-margin-y For us to reassign the nav-divider-margin-y variable here, we have to rearrange some of the variables. Fixes #26660. * bump bundlesize
2018-11-22Add border-radius to dropdown items (#27703)Roy Klutman1-0/+8
2018-10-23Cleanup stylelint commentsMartijn Cuppens1-2/+1
2018-10-21Add dropdown responsive alignment (#26255)ysds1-3/+20
2018-09-26Prevent pointer-events on disabled anchor dropdown-itemHoward Cox1-0/+1
Fixes #26695
2018-03-12Add basic position to dropup/right/left and dropdown-menu-right (#25400)ysds1-1/+29
2018-01-21v4.1: Add .dropdown-item-text (#22965)Mark Otto1-0/+7
* Add .dropdown-item-text class * Add example of plain text within a .dropdown-menu, too * reorganize, simple/clearer headings
2017-11-06Minor Sass consistency changes. (#24677)XhmikosR1-1/+1
* use `background-color` instead of the shorthand * use `outline: 0` consistently * fix transform order * remove quotes from `SFMono-Regular`
2017-10-29Add dropright and dropleft (right and left placements for our dropdown) (#23860)Johann-S1-0/+28
* Add dropright (right placement for our dropdown) * Add dropleft * moves drop left arrow to the left
2017-10-22Add variable to configure the `$dropdown-border-radius`. (#24376)José Francisco1-1/+1
2017-10-19Gradients and shadows (#24429)Mark Otto1-2/+2
* Update the form focus mixin to use a manual `$enable-shadows` check so we can always ensure a focus state for accessibility and consistency * - Add new `$input-btn-focus-width` and `$input-btn-focus-color` variables. - Replace separate `$btn-focus-box-shadow` and `$input-focus-box-shadow` variables with unified `$input-btn-focus-box-shadow` to match our combined variables approach elsewhere. * Put new focus width var to use in buttons mixins * use new button input-box shadow var * Add a new mixin for quickly adding linear gradient to components when $enable-gradients is set to true * use correct var * fix focus shadows in button mixins * Add opt-in gradients to alerts, buttons, carousel, custom radios and checkboxes, custom file input, and dropdown items * Generate .bg-gradient- utilities * add headings to colors page and document bg-gradient utils * update the button color for active status, check with yiq as it's done for basic state and hover state
2017-10-10Refactor a few selectors so that the least specific ones are first. (#24310)XhmikosR1-13/+13
2017-10-02Merge branch 'dropdown-caret' of https://github.com/pat270/bootstrap into v4-devMark Otto1-19/+2
2017-09-30Remove dropdown anchor focus overrideAri Rizzitano1-8/+0
Overriding the focus outline for links within the dropdown menu causes accessibility issues for keyboard-only users. This removes the override, reenabling the browser's default focus outline.
2017-08-14Add option to disable carets on dropdowns through `$enable-caret`Patrick Yeo1-19/+2
2017-08-04Dropup dropdown-menu should have margin on the bottom instead of topPatrick Yeo1-0/+5
2017-08-04(#22414) Rename for consistency `$dropdown-margin-top` to `$dropdown-spacer`Patrick Yeo1-1/+1
2017-05-30tweak dropdown caret size and placementMark Otto1-2/+2
2017-05-17Use popper to align dropdown menu instead of using css with importantJohann-S1-14/+0
2017-05-14Fix dropdown-menu-right and dropdown-menu-left for DropdownJohann-S1-2/+2
2017-05-14Handle dropup for DropdownJohann-S1-6/+2
2017-05-14Fix unit tests + Update Popper to 1.6.0Johann-S1-1/+1
2017-05-14Begin to use Popper for DropdownJohann-S1-13/+5
2017-04-14Replace dropdown backdrop hack with cleaner JS-only hackPatrick H. Lauke1-10/+0
* Replace backdrop with simple noop mouse listener As discussed in https://github.com/twbs/bootstrap/pull/22422 the current approach of injecting a backdrop (to work around iOS' broken event delegation for the `click` event) has annoying consequences on touch-enabled laptop/desktop devices. Instead of a backdrop `<div>`, here we simply add extra empty/noop mouse listeners to the immediate children of `<body>` (and remove them when the dropdown is closed) in order to force iOS to properly bubble a `click` resulting from a tap (essentially, method 2 from https://www.quirksmode.org/blog/archives/2014/02/mouse_event_bub.html) This is sufficient (except in rare cases where the user does manage to tap on the body itself, rather than any child elements of body - which is not very likely in an iOS phone/tablet scenario for most layouts) to get iOS to get a grip and do the correct event bubbling/delegation, meaning the regular "click" event will bubble back to the `<body>` when tapping outside of the dropdown, and the dropdown will close properly (just like it already does, even without this fix, in non-iOS touchscreen devices/browsers, like Chrome/Android and Windows on a touch laptop). This approach, though a bit hacky, has no impact on the DOM structure, and has no unforeseen side effects on touch-enabled laptops/desktops. And crucially, it works just fine in iOS. * Remove dropdown backdrop styles * Update doc for dropdowns and touch-enabled devices
2017-04-10Remove `cursor: not-allowed` stylesPatrick H. Lauke1-1/+0
2017-04-08Add dropdown-item-padding-y varMark Otto1-1/+1
- Closes #21622 which kept the 3px - Puts variable in proper order for shorthand (y x)
2017-04-08Remove margin-left on caret if empty (#22095)Jesper Strange Klitgaard Christiansen1-0/+4
2017-03-12Remove the outline override from dropdown togglesMark Otto1-5/+0
fixes #17573
2017-01-03clarify usage of base font-size so we know what's upMark Otto1-1/+1
2017-01-03Drop .carete (#21525)Quy1-7/+0
2017-01-02remove magic dropdown positioning for fixed bottom; folks should set this as ↵Mark Otto1-3/+1
needed with .dropup modifier
2016-12-28Revamp dropdown item statesMark Otto1-22/+13
- Removes the plain-hover-focus mixin from active and disabled states; no need for them. - Adds :active and :disabled since we can use button elements here, too. - Wrap the disabled background-image override in an -gradients condition.
2016-12-22Remove IE9 browser hacks. (#21393)Bardi Harborow1-1/+0
2016-12-07Rename `.active` to `.show`Starsam801-1/+1
2016-10-25Merge pull request #20982 from Johann-S/fix19344Mark Otto1-1/+1
Fix #19344 - Use a single class name for opened/expanded/shown state of widgets
2016-10-25Use a single class name for opened/expanded/shown state of widgetsJohann-S1-1/+1
2016-10-19Use a variable for the default font weights. Fixes #20741Simon Bächler1-1/+1
Websites might use different weights such as medium or thin or use light as default weight instead of normal. Also referenced: #18605 and #16170.