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

85 Commits

Author SHA1 Message Date
Geremia Taglialatela
b8880e5eec Add workarounds for postcss values parser error
postcss-values-parser returns a syntax error when a negative value is
provided in a `calc` function after a CSS variable.

This is not an issue with Bootstrap itself, but a workaround to allow
projects using postcss-values-parser to keep upgrading and compiling
bootstrap

Ref: shellscape/postcss-values-parser#138, twbs/bootstrap#35033

Fix: #36851
2022-09-04 09:45:40 -07:00
GeoSot
b167420bdf
Revert backdrop utilization, handling clicks over modal (#36324)
* refactor(Modal.js): stop using backdrop class to handle clicks over modal

* Revert #35554 and backdrop callback usage
  Explanation: In order to bypass `.modal`, was applied a css rule `pointer-events:none` which caused the side effect, and user couldn't scroll "long content modals"

* Update .bundlewatch.config.json

Co-authored-by: Mark Otto <markd.otto@gmail.com>
2022-05-12 21:20:04 -07:00
louismaxime.piton
36e75f6355 Changing the CSS var management 2022-04-12 18:25:04 -07:00
Mark Otto
e342142b61
Train PR: CSS variables for accordion, cards, navs, and modals (#36071)
* Convert accordion to CSS vars

* Update accordion.md

* Convert navs to CSS variables

* Split up CSS vars

* bundlewatch

* fix vars

* Convert cards to CSS vars

* Convert modals to CSS variables

* Bundlewatch

Co-authored-by: Geremia Taglialatela <tagliala.dev@gmail.com>
2022-03-28 15:05:37 -07:00
Mark Otto
f7f450ec59
Add null modal-footer-bg variable (#35858)
Fixes #35782
2022-02-18 01:14:18 +02:00
GeoSot
28c9002573 Modal: handle click event from backdrop callback 2022-01-30 15:39:34 +02:00
XhmikosR
8cdb6c40bd
Update stylelint and stylelint-config-twbs-bootstrap (#35438) 2021-12-14 09:51:31 +02:00
Mark Otto
45d26de728 Variablize backdrop for modal and offcanvas 2021-06-25 13:41:15 -07:00
Mark Otto
be17444756
Replace / division with multiplication and custom divide() function (#34245)
* Convert bulk of division to multiplication

* Use custom divide() function instead of Dart Sass math module for greater compatibility

* Apply suggestions from code review

* Fix functions
2021-06-14 09:35:30 -07:00
GeoSot
130a5ba1df remove modal css override 2021-05-13 08:55:28 -07:00
GeoSot
7b7f4a5ced
Decouple Modal's scrollbar functionality (#33245) 2021-04-11 09:37:59 +03:00
Mark Otto
4c7a3e8adf
Add Sass docs (variables, mixins, and loops) to most pages (#32747)
* WIP: Mention variables, mixins, and loops in docs

* Add Sass sections to component pages

* add sass docs for forms and content

* Update buttons.md

* Remove empty mixins sections

* Massive update to utilities and some consistency changes

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2021-02-10 19:29:59 -08:00
Mark Otto
4778deac02 Tweak sizing and alignment of .btn-close in modal headers 2020-09-22 16:49:02 -07:00
Mark Otto
99777662c6 Rename .close to .btn-close, replace times sign with background SVG, update focus state 2020-09-22 16:49:02 -07:00
Shohei Yoshida
c140347bd2
Fix scrollable modal (#31151)
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2020-06-25 09:43:19 +03:00
Martijn Cuppens
7e28764e67 Change breakpoint-max implementation
- The `media-breakpoint-down()` uses the breakpoint itself instead of the next breakpoint. Use `media-breakpoint-down(lg)` instead of `media-breakpoint-down(md)` to target viewports smaller than the `lg` breakpoint.
- The `media-breakpoint-between()` mixin's second parameter also uses the breakpoint itself instead of the next breakpoint. Use `media-between(sm, lg)` instead of `media-breakpoint-between(sm, md)` to target viewports between the `sm` and `lg` breakpoints.
2020-06-14 14:50:47 -07:00
Martijn Cuppens
05fb3905e6 Fix border radii 2020-04-01 10:05:43 +03:00
ysds
062002d952 Fix CSS and improve docs 2020-04-01 10:05:43 +03:00
gsoti
e138decdbb Add Full-Screen size to Modal and Responsive variations for breakpoints
(Works from breakpoint and down)
2020-04-01 10:05:43 +03:00
ysds
89d90d1f85 Remove Internet Explorer leftovers 2020-03-18 20:59:27 +02:00
Martijn Cuppens
d9e83671ae Drop IE support from Sass 2020-03-18 20:59:27 +02:00
Shohei Yoshida
40ac139bbe
Fix centered modal scrolling issue (#30244)
Use the `min-content` property.
2020-02-29 09:59:36 +02:00
ysds
d6ebc60d3d Add add and subtract function 2019-10-31 08:30:53 +02:00
Higor Araújo dos Anjos
46912797b2 Added animation when modal backdrop is static (#29516) 2019-10-25 21:12:09 +03:00
XhmikosR
de3a3731bd
Sass: remove redundant stylelint inline suppressions. (#29427) 2019-09-26 21:50:14 +03:00
Martijn Cuppens
bbbda681cc Enable wrapping for elements in .modal-footer (#25103) 2019-08-16 12:49:06 +03:00
Shohei Yoshida
b28322469e Calc modal header/footer border radius according to the border width (#28775) 2019-05-28 14:21:45 +02:00
Aditya Shankar
111024695a Correct grammar in modal.scss (#28829) 2019-05-27 08:19:50 +02:00
Martijn Cuppens
59d040fcbb Make component colors configurable (#28035) 2019-01-20 23:38:29 +02:00
Shohei Yoshida
de0bb1e052 Scrollable modal (#27769) 2019-01-20 23:28:16 +02:00
jvitela
731f95bded Fix modal positioning on Android.
When the address bar is hidden, sometimes the visual position of the controls is out of sync with its logical position.
2018-11-11 10:44:26 +02:00
namiltd
1231e1d6bc Fix size of modal dialogs at different widths (#27094) 2018-10-19 12:56:46 +03:00
Martijn Cuppens
7bd1bc2431 Allow multiple ways of padding declaration for modal header (#26976)
* #26967: Allow multiple ways of padding declaration for modal header
* #26976: split vertical and horizontal modal padding
2018-09-18 21:33:31 -07:00
ysds
5266669d34 Remove extra line break 2018-08-28 02:22:46 +03:00
Mark Otto
df3993a600 Round corners on modal footer
Matches the method used for the modal header. Fixes #26955.
2018-08-25 18:49:09 +03:00
Martijn Cuppens
57661dff6d Tweak modal transform (#27005) 2018-08-13 10:00:53 +03:00
Mark Otto
fb2de04374 Merge branch 'v4-dev' into malkomich-v4-dev 2018-07-24 17:25:12 -07:00
Mohammad Younes
6cca02f163 fix .modal-dialog-centered on IE10/11 2018-07-20 19:04:23 -05:00
Joshua David
c04d60b88f Fix modal overflow style nesting (#26742)
Nest `.modal` styling directly under `.modal-open`
to avoid issues when bootstrap is nested.
2018-07-20 18:55:16 -05:00
Mark Otto
5ad1049622 Merge branch 'v4-dev' of https://github.com/malkomich/bootstrap into malkomich-v4-dev 2018-07-07 16:16:43 -07:00
Adam Kolinski
49d0a4e99c Adding a variable to handle the change of a modals border-radius. (#25691) 2018-03-03 13:06:54 -08:00
Andres Galante
b29e3f2a4c lets the centered modal have any height (#24803) 2017-11-24 14:28:58 -08:00
Mark Otto
b1623c4429
Add .modal-dialog-centered for optional vertically centered modal (#24510)
* Add .modal-dialog-centered for optional vertically cenetered modal

Fixes #23638

* adds modal-dialog-centered class to docs and removes margin to avoid generating a vertical scrolling

* mention limitations

* fix aria attr

* Add `width: 100%` to the .modal-content for the centered version. Adding it here to avoid adding another selector by limiting it to the centered modal modifier.
2017-10-29 15:14:10 -07:00
XhmikosR
52d99a887e Refactor a few selectors. (#24404)
1. move a couple of them before the more specific ones.
2. change nesting to be under the same parent selector
3. use the ampersand more
2017-10-23 00:17:28 +03:00
XhmikosR
7b766e1ad5 Switch to stylelint. (#23572) 2017-10-02 20:34:56 -07:00
Andres Galante
b26eabf2a3 adds a border radius to modal headers (#23799) 2017-10-02 18:59:50 -07:00
Andres Galante
3624025a3b extends the click area of the close btn on modals (#23783) 2017-10-01 09:42:24 +03:00
Patrick H. Lauke
6ca451ebf8 Add pointer-events declarations
make outer `.modal-dialog` pass through events for custom click
handling, counteract it for the actual `.modal-content`
2017-08-22 10:54:12 -07:00
Mark Otto
365c9753f8 Ensure alignment of modal dismiss when no .modal-title is present 2017-08-10 22:45:48 -07:00
Patrick Yeo
5e651615a3 (#22414) Renamed for consistency $modal-dialog-sm-up-margin-y, $modal-content-xs-box-shadow, $modal-content-sm-up-box-shadow, to $modal-dialog-margin-y-sm-up, $modal-content-box-shadow-xs, $modal-content-box-shadow-sm-up, respectively 2017-06-13 08:45:11 -07:00