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
Juan Carlos González Cabrero
95dffb3279
Add new extra large size for modal containers
2017-01-28 18:26:55 +01:00