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

Updating styling

Browse source
This commit is contained in:
Michaela Brydon 2024-08-06 17:14:22 -04:00
parent 7c12fd492f
commit 5c38b4a2e1
5 changed files with 31 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
package-lock.json generated
View file

@ -48,7 +48,7 @@
"jest-serializer-vue": "^3.1.0",
"jsdoc": "^4.0.2",
"jsdom": "^22.1.0",
"sass": "^1.32.7",
"sass": "^1.77.8",
"sass-loader": "^12.0.0",
"vite": "^4.4.6",
"vitest": "^0.33.0",
@ -16294,9 +16294,9 @@
"dev": true
},
"node_modules/sass": {
"version": "1.54.8",
"resolved": "https://registry.npmjs.org/sass/-/sass-1.54.8.tgz",
"integrity": "sha512-ib4JhLRRgbg6QVy6bsv5uJxnJMTS2soVcCp9Y88Extyy13A8vV0G1fAwujOzmNkFQbR3LvedudAMbtuNRPbQww==",
"version": "1.77.8",
"resolved": "https://registry.npmjs.org/sass/-/sass-1.77.8.tgz",
"integrity": "sha512-4UHg6prsrycW20fqLGPShtEvo/WyHRVRHwOP4DzkUrObWoWI05QBSfzU71TVB7PFaL104TwNaHpjlWXAZbQiNQ==",
"dev": true,
"dependencies": {
"chokidar": ">=3.0.0 <4.0.0",
@ -16307,7 +16307,7 @@
"sass": "sass.js"
},
"engines": {
"node": ">=12.0.0"
"node": ">=14.0.0"
}
},
"node_modules/sass-loader": {

2
package.json
View file

@ -55,7 +55,7 @@
"jest-serializer-vue": "^3.1.0",
"jsdoc": "^4.0.2",
"jsdom": "^22.1.0",
"sass": "^1.32.7",
"sass": "^1.77.8",
"sass-loader": "^12.0.0",
"vite": "^4.4.6",
"vitest": "^0.33.0",

12
public/css/hop-styling.css
View file

@ -128,6 +128,17 @@ body .optional-label:after {
}
body .buttonContainer {
height: 48px;
position: relative;
}
body .buttonContainer:after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
pointer-events: auto;
cursor: pointer;
}
body .buttonContainer button {
position: relative;
@ -162,7 +173,6 @@ body .buttonContainer button:disabled {
height: 48px;
border: none;
border-radius: 8px;
cursor: pointer;
pointer-events: all;
}
body .buttonContainer button.has-loader {

12
public/scss/hop-styling.scss
View file

@ -139,6 +139,17 @@ body {
.buttonContainer {
height: 48px;
position: relative;
&:after {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
pointer-events: auto;
cursor: pointer;
}
button {
position: relative;
background: linear-gradient(270deg, #1574a1 0%, #003d58 100%);
@ -171,7 +182,6 @@ body {
height: 48px;
border: none;
border-radius: 8px;
cursor: pointer;
pointer-events: all;
}
&.has-loader {

3
vue.config.js
View file

@ -3,7 +3,8 @@ process.env.VUE_APP_CONSUMER_CF_DISTRO = 'https://digitalapi.dev.safelite.io';
process.env.VUE_APP_CURRENT_ENVIRONMENT = 'Localhost';
process.env.VUE_APP_CUSTOMER_PORTAL_URL = 'https://myaccountdev.safelite.com/';
process.env.VUE_APP_GOOGLE_PLACES_API_KEY = 'AIzaSyCuLhQcDdZTTb4JzpUFms1OCch2dk5lHF0';
process.env.VUE_APP_SAFELITE_HOP = 'https://iss-hop-sys.glassclaim.com/fmgCheckoutEmbedded.aspx';
// process.env.VUE_APP_SAFELITE_HOP = 'https://iss-hop-sys.glassclaim.com/fmgCheckoutEmbedded.aspx';
process.env.VUE_APP_SAFELITE_HOP = 'http://localhost:60966/fmgCheckoutEmbedded.aspx';
// GA & GTM
// NOTE: Using the old ISS site GTM Cotnainer ID for now, will create a new one soon.