diff --git a/src/BootstrapAdminUi/assets/styles/_flashes.scss b/src/BootstrapAdminUi/assets/styles/_flashes.scss new file mode 100644 index 00000000..c5628ed0 --- /dev/null +++ b/src/BootstrapAdminUi/assets/styles/_flashes.scss @@ -0,0 +1,14 @@ +/*! + * This file is part of the Sylius package. + * + * (c) Sylius Sp. z o.o. + * + * For the full copyright and license information, please view the LICENSE + * file that was distributed with this source code. + */ + +.alert { + .close { + cursor: pointer; + } +} diff --git a/src/BootstrapAdminUi/assets/styles/main.scss b/src/BootstrapAdminUi/assets/styles/main.scss index 247ca512..570d77d2 100644 --- a/src/BootstrapAdminUi/assets/styles/main.scss +++ b/src/BootstrapAdminUi/assets/styles/main.scss @@ -15,6 +15,7 @@ @import "alert"; @import "datatable"; +@import "flashes"; @import "form"; @import "navbar"; @import "icons"; diff --git a/src/BootstrapAdminUi/public/app.css b/src/BootstrapAdminUi/public/app.css index 5be68ca1..40602eae 100644 --- a/src/BootstrapAdminUi/public/app.css +++ b/src/BootstrapAdminUi/public/app.css @@ -40,6 +40,13 @@ * * For the full copyright and license information, please view the LICENSE * file that was distributed with this source code. + */.alert .close{cursor:pointer}/*! + * This file is part of the Sylius package. + * + * (c) Sylius Sp. z o.o. + * + * For the full copyright and license information, please view the LICENSE + * file that was distributed with this source code. */textarea.form-control{height:12rem;min-height:8rem}.accordion-item:has(.accordion-error),.list-group-item.active:has(.tab-error),.list-group-item:has(.tab-error){border-left:2px solid #ff0017}.form-select:disabled{color:var(--tblr-gray-600)}.input-group{box-shadow:none}.input-group .form-check{flex-grow:1}.input-group .input-group-text{color:var(--tblr-gray-600)}.form-control:focus{box-shadow:none}/*! * This file is part of the Sylius package. * diff --git a/src/BootstrapAdminUi/public/app.rtl.css b/src/BootstrapAdminUi/public/app.rtl.css index 77f3ca4a..eb9db02f 100644 --- a/src/BootstrapAdminUi/public/app.rtl.css +++ b/src/BootstrapAdminUi/public/app.rtl.css @@ -40,6 +40,13 @@ * * For the full copyright and license information, please view the LICENSE * file that was distributed with this source code. + */.alert .close{cursor:pointer}/*! + * This file is part of the Sylius package. + * + * (c) Sylius Sp. z o.o. + * + * For the full copyright and license information, please view the LICENSE + * file that was distributed with this source code. */textarea.form-control{height:12rem;min-height:8rem}.accordion-item:has(.accordion-error),.list-group-item.active:has(.tab-error),.list-group-item:has(.tab-error){border-right:2px solid #ff0017}.form-select:disabled{color:var(--tblr-gray-600)}.input-group{box-shadow:none}.input-group .form-check{flex-grow:1}.input-group .input-group-text{color:var(--tblr-gray-600)}.form-control:focus{box-shadow:none}/*! * This file is part of the Sylius package. * diff --git a/src/BootstrapAdminUi/templates/shared/crud/common/content/flashes.html.twig b/src/BootstrapAdminUi/templates/shared/crud/common/content/flashes.html.twig index c642fc20..c3ca4b3a 100644 --- a/src/BootstrapAdminUi/templates/shared/crud/common/content/flashes.html.twig +++ b/src/BootstrapAdminUi/templates/shared/crud/common/content/flashes.html.twig @@ -17,23 +17,28 @@ {{ sylius_test_html_attribute('sylius-flash-message') }} {{ sylius_test_html_attribute('sylius-flash-message-type', type) }} > -
-
- {{ ux_icon(icons[type]) }} -
-
-

- {% set header = 'sylius.ui.' ~ type %} - {{ header|trans }} -

-
- {% if flash is iterable %} - {{ flash.message|trans(flash.parameters, 'flashes') }} - {% else %} - {{ flash|trans({}, 'flashes') }} - {% endif %} +
+
+
+ {{ ux_icon(icons[type]) }} +
+
+

+ {% set header = 'sylius.ui.' ~ type %} + {{ header|trans }} +

+
+ {% if flash is iterable %} + {{ flash.message|trans(flash.parameters, 'flashes') }} + {% else %} + {{ flash|trans({}, 'flashes') }} + {% endif %} +
+ + {{ ux_icon('tabler:x') }} +
{% endfor %}