jason/DigitalConsumer.ISS
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix for modal button being actually disabled and keep styling

Browse source
This commit is contained in:
Bill Richardson 2023-12-13 15:39:53 -05:00
parent 09a3a52554
commit 149cea422b
2 changed files with 3 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
src/digital-components/modal/modal.vue
View file

@ -34,7 +34,6 @@
loaderColor="white" loaderColor="white"
:buttonText="footerButtonText" :buttonText="footerButtonText"
:class="(isButtonDisabled || isFooterButtonDisabled) && 'form-test-invalid'" :class="(isButtonDisabled || isFooterButtonDisabled) && 'form-test-invalid'"
:isDisabled="(isButtonDisabled || isFooterButtonDisabled)"
@clickEvent="validateAndEmit" /> @clickEvent="validateAndEmit" />
</div> </div>
</div> </div>

3
src/styles/client-customizations.scss
View file

@ -27,11 +27,12 @@ $limu-button-color: #A9E3E9;
} }
.btn { .btn {
&.btn-override[aria-disabled="false"]{ &.btn-override[aria-disabled="false"]:not(.form-test-invalid) {
&.btn-primary { &.btn-primary {
background: $limu-button-color !important; background: $limu-button-color !important;
color: $limu-button-text-color !important; color: $limu-button-text-color !important;
} }
&:focus-visible { &:focus-visible {
background: $limu-button-color !important; background: $limu-button-color !important;
color: $limu-button-text-color !important; color: $limu-button-text-color !important;