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
Mark Otto
7d05c222f8
linting
2016-12-25 15:28:44 -08:00
Mark Otto
eb19def798
flex the footer and include some margin magic
...
- we need to set margin for space between footer buttons as flexbox doesn't render HTML spaces like inline-block does
- flexbox doesn't have collapsing margins or anything, so we hack it with some :not(:first-child) and :not(:last-child) action
2016-12-25 15:28:44 -08:00
Mark Otto
33746dc63e
flex the modal header so we can remove custom styles
...
updates the dom order in our docs to match (floated content comes first, but no need for that in flexbox)
2016-12-25 15:28:44 -08:00
Mark Otto
e7f8ca08b0
No need to override a margin-top that never was set; only specify margin-bottom override
2016-12-25 15:28:44 -08:00
Mark Otto
31b9d93ffd
Enable flex on the .modal-content, ensure .modal-body stretches the height (if needed)
2016-12-25 15:28:44 -08:00
Mark Otto
8eeb71c91c
Merge branch 'fix-20982' of https://github.com/Starsam80/bootstrap into Starsam80-fix-20982
2016-12-19 21:44:03 -08:00