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

4
package.json
View file

@ -55,10 +55,10 @@
"jest-serializer-vue": "^3.1.0", "jest-serializer-vue": "^3.1.0",
"jsdoc": "^4.0.2", "jsdoc": "^4.0.2",
"jsdom": "^22.1.0", "jsdom": "^22.1.0",
"sass": "^1.32.7", "sass": "^1.77.8",
"sass-loader": "^12.0.0", "sass-loader": "^12.0.0",
"vite": "^4.4.6", "vite": "^4.4.6",
"vitest": "^0.33.0", "vitest": "^0.33.0",
"volar-service-vetur": "latest" "volar-service-vetur": "latest"
} }
} }

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

@ -128,6 +128,17 @@ body .optional-label:after {
} }
body .buttonContainer { body .buttonContainer {
height: 48px; 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 { body .buttonContainer button {
position: relative; position: relative;
@ -162,7 +173,6 @@ body .buttonContainer button:disabled {
height: 48px; height: 48px;
border: none; border: none;
border-radius: 8px; border-radius: 8px;
cursor: pointer;
pointer-events: all; pointer-events: all;
} }
body .buttonContainer button.has-loader { body .buttonContainer button.has-loader {

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

@ -139,6 +139,17 @@ body {
.buttonContainer { .buttonContainer {
height: 48px; height: 48px;
position: relative;
&:after {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
pointer-events: auto;
cursor: pointer;
}
button { button {
position: relative; position: relative;
background: linear-gradient(270deg, #1574a1 0%, #003d58 100%); background: linear-gradient(270deg, #1574a1 0%, #003d58 100%);
@ -171,7 +182,6 @@ body {
height: 48px; height: 48px;
border: none; border: none;
border-radius: 8px; border-radius: 8px;
cursor: pointer;
pointer-events: all; pointer-events: all;
} }
&.has-loader { &.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_CURRENT_ENVIRONMENT = 'Localhost';
process.env.VUE_APP_CUSTOMER_PORTAL_URL = 'https://myaccountdev.safelite.com/'; process.env.VUE_APP_CUSTOMER_PORTAL_URL = 'https://myaccountdev.safelite.com/';
process.env.VUE_APP_GOOGLE_PLACES_API_KEY = 'AIzaSyCuLhQcDdZTTb4JzpUFms1OCch2dk5lHF0'; 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 // GA & GTM
// NOTE: Using the old ISS site GTM Cotnainer ID for now, will create a new one soon. // NOTE: Using the old ISS site GTM Cotnainer ID for now, will create a new one soon.