diff --git a/docs/components_page/components/modal/fullscreen.R b/docs/components_page/components/modal/fullscreen.R index b678e9e94..80d7344d5 100644 --- a/docs/components_page/components/modal/fullscreen.R +++ b/docs/components_page/components/modal/fullscreen.R @@ -9,7 +9,8 @@ modal <- htmlDiv( dbcModalHeader(dbcModalTitle("Fullscreen modal")), dbcModalBody("Wow this thing takes up a lot of space...") ), - id = "modal-fs" + id = "modal-fs", + fullscreen=TRUE ) ) ) diff --git a/docs/components_page/components/modal/fullscreen.jl b/docs/components_page/components/modal/fullscreen.jl index b0c91935b..7cfac276d 100644 --- a/docs/components_page/components/modal/fullscreen.jl +++ b/docs/components_page/components/modal/fullscreen.jl @@ -8,6 +8,7 @@ modal = html_div([ dbc_modalbody("Wow this thing takes up a lot of space..."), ], id = "modal-fs", + fullscreen=true ), ]) diff --git a/docs/components_page/components/modal/fullscreen.py b/docs/components_page/components/modal/fullscreen.py index 2879bfca2..aaa66dfb1 100644 --- a/docs/components_page/components/modal/fullscreen.py +++ b/docs/components_page/components/modal/fullscreen.py @@ -11,6 +11,7 @@ dbc.ModalBody("Wow this thing takes up a lot of space..."), ], id="modal-fs", + fullscreen=True, ), ] ) diff --git a/docs/markdown_to_html.py b/docs/markdown_to_html.py index 03475745c..0aad29d16 100644 --- a/docs/markdown_to_html.py +++ b/docs/markdown_to_html.py @@ -29,7 +29,7 @@ """ # noqa TAB_TEMPLATE = """ """ # noqa diff --git a/src/components/alert/Alert.js b/src/components/alert/Alert.js index 2f43bc965..779b549c0 100644 --- a/src/components/alert/Alert.js +++ b/src/components/alert/Alert.js @@ -22,6 +22,7 @@ const Alert = props => { style, class_name, className, + fade, ...otherProps } = props; @@ -52,6 +53,7 @@ const Alert = props => { onClose={dismissable ? dismiss : null} variant={isBootstrapColor ? color : null} className={class_name || className} + transition={fade} style={!isBootstrapColor ? {backgroundColor: color, ...style} : style} {...omit(['setProps'], otherProps)} data-dash-is-loading={ diff --git a/src/components/pagination/Pagination.js b/src/components/pagination/Pagination.js index aec7dc873..cee091048 100644 --- a/src/components/pagination/Pagination.js +++ b/src/components/pagination/Pagination.js @@ -137,7 +137,11 @@ const Pagination = props => { } // Create the pagination component - return {paginationItems}; + return ( + + {paginationItems} + + ); }; Pagination.defaultProps = { diff --git a/src/components/toast/Toast.js b/src/components/toast/Toast.js index 7387dc766..0799f818d 100644 --- a/src/components/toast/Toast.js +++ b/src/components/toast/Toast.js @@ -97,7 +97,8 @@ const Toast = props => { Toast.defaultProps = { is_open: true, n_dismiss: 0, - n_dismiss_timestamp: -1 + n_dismiss_timestamp: -1, + dismissable: false }; Toast.propTypes = {