remove loader in continue button

remove commented lines
remove client overrides that dont appear to match Heritage for client
This commit is contained in:
Bill Richardson 2025-12-10 13:27:18 -05:00
parent 098fd4cf23
commit f03e327720
3 changed files with 1 additions and 96 deletions

View file

@ -8,14 +8,9 @@
$accent-fill: #e6f1f3; // Calendar background
$accent-color: #09748b;
$link: #09748b;
$button-color: #a9e3e9;
$button-text-color: #181643;
$svg-fill-color: '%2309748b'; // Color of calendar icon. Place HEX code *after* %23
$progress-bar-color: #181643;
//Variables
--iss-loader-color: #{$button-text-color};
svg,
.modal-text {
fill: $accent-color;
@ -30,51 +25,6 @@
a.new-window-link {
color: $link;
}
.btn {
&.btn-override[aria-disabled="false"]:not(.form-test-invalid) {
&.btn-primary {
background: $button-color;
color: $button-text-color;
}
&:focus-visible {
background: $button-color;
color: $button-text-color;
box-shadow: 0 0 0 3px $white, 0 0 0 5.5px $button-color;
}
}
}
}
&.modal-open {
.modal {
.modal-body {
.btn {
&.btn-override[aria-disabled="false"]:not(.form-test-invalid) {
&.btn-primary {
background: $button-color;
color: $button-text-color;
}
&:focus-visible {
background: $button-color;
color: $button-text-color;
box-shadow: 0 0 0 3px $white, 0 0 0 5.5px $button-color;
}
}
}
}
.modal-footer {
.btn:not(.navigation-link) {
background: $button-color;
color: $button-text-color;
}
}
}
}
.progress-bar-container {

View file

@ -1,5 +1,5 @@
@import "@/styles/ux-variables-svg-strings.scss";
html {
.has-error {
@ -202,24 +202,9 @@ html {
}
.form-test-invalid {
// Disable Gray coloring to match Heritage
&.btn.btn-primary {
//color: $gray-600;
//background: $gray-200;
cursor: pointer;
pointer-events: all;
}
//&.btn.btn-primary:hover,
//&.btn.btn-primary:focus {
//color: $gray-600;
//background: $gray-200;
//box-shadow: none;
//}
//&.btn.btn-primary:focus-visible {
// box-shadow: 0 0 0 3px $white, 0 0 0 5.5px $gray-700;
//}
}
}

View file

@ -5,25 +5,15 @@
:class="[
isPrimary ? 'btn-primary' : 'btn-secondary',
isFloat ? 'float-end' : '',
isLoaderDisplayed ? 'has-loader' : '',
]"
@click="clicked">
<span class="m-0">{{ buttonText }}</span>
<loader
v-if="isLoaderDisplayed && !suppressLoader"
class="ms-2"
:class="[loaderPosition]" />
</button>
</template>
<script>
import loader from '@/ux-components/loader/loader.vue';
export default {
name: 'button-main',
components: {
loader
},
props: {
isPrimary: Boolean,
buttonText: String,
@ -33,23 +23,11 @@ export default {
suppressLoader: Boolean
},
emits: ['click-event'],
data() {
return {
isLoaderDisplayed: false
};
},
methods: {
removeLoader() {
this.isLoaderDisplayed = false;
},
clicked() {
if (!this.isDisabled) {
this.isLoaderDisplayed = true;
this.$emit('click-event');
}
},
resetButtonStyle() {
this.isLoaderDisplayed = false;
}
}
};
@ -98,10 +76,6 @@ $button-width-heritage: 9.0625rem; // 145px
cursor: pointer;
pointer-events: all;
}
&.has-loader {
color: $white;
background: $blue-700;
}
&.delay {
// fixes flicker while transitioning between states
transition: background 0s 0s ease-in-out;
@ -136,10 +110,6 @@ $button-width-heritage: 9.0625rem; // 145px
cursor: pointer;
pointer-events: all;
}
&.has-loader {
color: $white;
@include blue-gradient;
}
&.delay {
// fixes flicker while transitioning between states
transition: background 0s 0s ease-in-out;