diff --git a/package.json b/package.json index 69a08c4..eb49adc 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@a2nt/ss-bootstrap-ui-webpack-boilerplate-react", - "version": "5.2.7", + "version": "5.2.8", "description": "This UI Kit allows you to build Bootstrap 5 webapp with some extra UI features. It's easy to extend and easy to convert HTML templates to CMS templates.", "author": "Tony Air ", "license": "BSD-2-Clause", diff --git a/sass-lint.yml b/sass-lint.yml index c88eaea..67b2680 100644 --- a/sass-lint.yml +++ b/sass-lint.yml @@ -41,9 +41,7 @@ rules: indentation: - 2 - size: 4 - final-newline: - - 2 - - include: true + final-newline: false no-trailing-whitespace: 2 border-zero: - 2 diff --git a/src/js/ui/turnstile.js b/src/js/ui/turnstile.js index e7019f6..d2c41b4 100644 --- a/src/js/ui/turnstile.js +++ b/src/js/ui/turnstile.js @@ -4,7 +4,8 @@ const NAME = 'uiTurnstile' const SELECTOR = '.cf-turnstile' const init = () => { - if (!document.querySelectorAll(SELECTOR).length) { + const captchas = document.querySelectorAll(SELECTOR) + if (!captchas.length) { console.log(`${NAME}: No Captcha fields.`) return } @@ -15,7 +16,9 @@ const init = () => { } console.log(`${NAME}: init`) - window.turnstile.render(SELECTOR) + captchas.forEach((el) => { + window.turnstile.render(el) + }) } diff --git a/src/scss/layout/forms/basics.scss b/src/scss/layout/forms/basics.scss index f5a2199..80e893a 100644 --- a/src/scss/layout/forms/basics.scss +++ b/src/scss/layout/forms/basics.scss @@ -26,6 +26,10 @@ &.CompositeField { flex-direction: column; + + &.row { + flex-direction: row; + } } &__alert { @@ -47,10 +51,18 @@ } } -.form__field input.password { - @extend .form-control; +.form { + &__field { + input.password { + @extend .form-control; + } + + iframe { + width: 100% !important; + } + } } .form__fieldset { margin-bottom: -1rem; -} \ No newline at end of file +}