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

Merge pull request #812 from Safelite/bug/brydon/SSR-1384

Browse source 
Updating styling
This commit is contained in:
michaela-brydon-safelite 2024-08-15 10:44:48 -04:00 committed by GitHub
commit ab384c503e
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
4 changed files with 29 additions and 9 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": {

4
package.json
View file

@ -55,10 +55,10 @@
"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",
"volar-service-vetur": "latest"
}
}
}

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 {