diff --git a/resources/css/_tokens.css b/resources/css/_tokens.css index 9b821dea8..2b4574a26 100644 --- a/resources/css/_tokens.css +++ b/resources/css/_tokens.css @@ -1,4 +1,4 @@ -/* VARIABLES GENERATED WITH TAILWIND CONFIG ON 2024-10-22. +/* VARIABLES GENERATED WITH TAILWIND CONFIG ON 2024-10-29. Tokens location: ./tailwind.config.js */ :root { --space-0: 0; diff --git a/resources/css/components/_input.css b/resources/css/components/_input.css index 36a894047..cc50c1f1e 100644 --- a/resources/css/components/_input.css +++ b/resources/css/components/_input.css @@ -36,8 +36,10 @@ select:hover { input:focus, textarea:focus, select:focus { - box-shadow: 0 0 0 var(--border-2) var(--input-border-focus) inset, - 0 0 0 var(--border-2) var(--bg, var(--body-background)), 0 0 0 var(--border-4) var(--input-border-focus); + box-shadow: + 0 0 0 var(--border-2) var(--input-border-focus) inset, + 0 0 0 var(--border-2) var(--bg, var(--body-background)), + 0 0 0 var(--border-4) var(--input-border-focus); outline: transparent; } @@ -135,8 +137,10 @@ input[type="radio"]:hover { input[type="checkbox"]:focus, input[type="radio"]:focus { - box-shadow: 0 0 0 var(--border-2) var(--input-border-focus) inset, - 0 0 0 var(--border-2) var(--bg, var(--body-background)), 0 0 0 var(--border-4) var(--input-border-focus); + box-shadow: + 0 0 0 var(--border-2) var(--input-border-focus) inset, + 0 0 0 var(--border-2) var(--bg, var(--body-background)), + 0 0 0 var(--border-4) var(--input-border-focus); outline: transparent; } @@ -174,7 +178,8 @@ input[type="checkbox"]:checked { } input[type="checkbox"]:checked:focus { - box-shadow: 0 0 0 var(--border-2) var(--bg, var(--body-background)), + box-shadow: + 0 0 0 var(--border-2) var(--bg, var(--body-background)), 0 0 0 var(--border-4) var(--checkbox-checked-border); } @@ -183,14 +188,17 @@ input[type="radio"]:checked { background-position: center; background-repeat: no-repeat; border-color: var(--bg, var(--body-background)); - box-shadow: 0 0 0 var(--border-3) var(--bg, var(--body-background)) inset, + box-shadow: + 0 0 0 var(--border-3) var(--bg, var(--body-background)) inset, 0 0 0 var(--border-2) var(--radio-checked-border); } input[type="radio"]:checked:focus { border-color: var(--bg, var(--body-background)); - box-shadow: 0 0 0 var(--border-3) var(--bg, var(--body-background)) inset, - 0 0 0 var(--border-2) var(--radio-checked-border), 0 0 0 var(--border-4) var(--bg, var(--body-background)), + box-shadow: + 0 0 0 var(--border-3) var(--bg, var(--body-background)) inset, + 0 0 0 var(--border-2) var(--radio-checked-border), + 0 0 0 var(--border-4) var(--bg, var(--body-background)), 0 0 0 var(--border-6) var(--radio-checked-border); } diff --git a/resources/js/confirmPassword.js b/resources/js/confirmPassword.js index b390199df..bc0b0e137 100644 --- a/resources/js/confirmPassword.js +++ b/resources/js/confirmPassword.js @@ -11,7 +11,7 @@ export default (confirmedPasswordStatusRoute = false, confirmPasswordRoute = fal showingModal: false, validationError: false, init() { - axios.get(this.routes.confirmedPasswordStatus).then(response => { + axios.get(this.routes.confirmedPasswordStatus).then((response) => { if (response.data.confirmed) { this.confirmedPassword = true; } @@ -32,7 +32,7 @@ export default (confirmedPasswordStatusRoute = false, confirmPasswordRoute = fal document.body.style.top = `-${scrollY}px`; this.$nextTick(() => { const elems = document.querySelectorAll("a, button, input, select, textarea, [contenteditable]"); - Array.prototype.forEach.call(elems, elem => { + Array.prototype.forEach.call(elems, (elem) => { if (!elem.closest(".modal")) { elem.setAttribute("tabindex", "-1"); } @@ -47,24 +47,27 @@ export default (confirmedPasswordStatusRoute = false, confirmPasswordRoute = fal document.body.style.top = ""; window.scrollTo(0, parseInt(scrollY || "0") * -1); const elems = document.querySelectorAll("a, button, input, select, textarea, [contenteditable]"); - Array.prototype.forEach.call(elems, elem => { + Array.prototype.forEach.call(elems, (elem) => { if (!elem.closest(".modal")) { elem.removeAttribute("tabindex", "-1"); } }); }, confirmPassword: function () { - axios.post(this.routes.confirmPassword, { - password: this.$refs.password.value - }).then(() => { - this.hideModal(); - this.confirmPassword = true; - this.validationError = false; - this.targetForm.submit(); - })["catch"](() => { - this.$refs.password.focus(); - this.validationError = true; - }); + axios + .post(this.routes.confirmPassword, { + password: this.$refs.password.value + }) + .then(() => { + this.hideModal(); + this.confirmPassword = true; + this.validationError = false; + this.targetForm.submit(); + }) + ["catch"](() => { + this.$refs.password.focus(); + this.validationError = true; + }); }, cancel: function () { this.hideModal(); diff --git a/resources/js/enhancedCheckboxes.js b/resources/js/enhancedCheckboxes.js index 9088f5196..743bf6c76 100644 --- a/resources/js/enhancedCheckboxes.js +++ b/resources/js/enhancedCheckboxes.js @@ -4,12 +4,12 @@ export default () => ({ this.checkboxes = this.$el.querySelectorAll("input[type='checkbox']"); }, selectAll() { - [...this.checkboxes].forEach(el => { + [...this.checkboxes].forEach((el) => { el.checked = true; }); }, selectNone() { - [...this.checkboxes].forEach(el => { + [...this.checkboxes].forEach((el) => { el.checked = false; }); } diff --git a/resources/views/components/block-modal.blade.php b/resources/views/components/block-modal.blade.php index 0bb8d26c1..2e6c6ee1b 100644 --- a/resources/views/components/block-modal.blade.php +++ b/resources/views/components/block-modal.blade.php @@ -16,8 +16,8 @@ @if (Auth::user()->individual) @if (Auth::user()->individual->isConsultant() || - Auth::user()->individual->isConnector() || - Auth::user()->individual->isParticipant()) + Auth::user()->individual->isConnector() || + Auth::user()->individual->isParticipant())

{{ __('They will not be able to:') }}