Skip to content
This repository has been archived by the owner on Sep 3, 2024. It is now read-only.

Commit

Permalink
IE11 support
Browse files Browse the repository at this point in the history
  • Loading branch information
Lucas Willering committed May 14, 2020
1 parent 7ee61eb commit 45b72cc
Show file tree
Hide file tree
Showing 14 changed files with 3,691 additions and 549 deletions.
1,829 changes: 1,389 additions & 440 deletions package-lock.json
View file

Large diffs are not rendered by default.

21 changes: 11 additions & 10 deletions package.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -23,29 +23,25 @@
{
"corejs": "3.1.3",
"useBuiltIns": "usage",
"debug": false
"debug": true
}
]
]
},
"postcss": {
"plugins": {
"autoprefixer": {}
}
},
"keywords": [],
"author": "",
"license": "Apache-2.0",
"dependencies": {
"@babel/polyfill": "^7.8.7",
"dotenv": "^8.2.0",
"ejs": "^2.7.4",
"express": "^4.17.1",
"vue": "^2.6.11"
},
"devDependencies": {
"@artificialsolutions/tie-api-client": "^1.3.5",
"@babel/core": "^7.9.0",
"@babel/core": "^7.9.6",
"@babel/node": "^7.8.7",
"@babel/polyfill": "^7.8.7",
"@babel/preset-env": "^7.9.0",
"@babel/register": "^7.9.0",
"@vue/test-utils": "^1.0.0-beta.32",
Expand All @@ -62,16 +58,21 @@
"jsdom-global": "^3.0.2",
"mocha": "^7.1.1",
"nock": "^10.0.6",
"node-sass": "^4.13.1",
"node-sass": "^4.14.1",
"postcss-cli": "^7.1.0",
"postcss-custom-properties": "^9.1.1",
"postcss-loader": "^3.0.0",
"postcss-nested": "^4.2.1",
"precss": "^4.0.0",
"prettier": "^1.19.1",
"style-loader": "^1.2.1",
"vue-loader": "^15.9.1",
"vue-style-loader": "^4.1.2",
"vue-template-compiler": "^2.6.11",
"webpack": "^4.42.1",
"webpack-bundle-analyzer": "^3.6.1",
"webpack-cli": "^3.3.11",
"webpack-dev-server": "^3.10.3",
"webpack-dev-server": "^3.11.0",
"webpack-merge": "^4.2.2"
},
"heroku-run-build-script": true
Expand Down
6 changes: 6 additions & 0 deletions postcss.config.js
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,6 @@
module.exports = {
plugins: [
require('precss'),
require('autoprefixer')
]
}
8 changes: 4 additions & 4 deletions src/components/Header.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -37,7 +37,7 @@ export default {

<style scoped>
.header {
background: var(--header-bg-color);
background: var(--header-bg-color, #4e8cff);
min-height: 64px;
border-top-left-radius: 9px;
border-top-right-radius: 9px;
Expand All @@ -53,11 +53,11 @@ export default {
height: 24px;
width: 24px;
margin: 0 8px 0 8px;
color: var(--header-fg-color);
color: var(--header-fg-color, #ffffff);
}
.header__title {
color: var(--header-fg-color);
color: var(--header-fg-color, #ffffff);
}
.header__close-button {
Expand All @@ -72,7 +72,7 @@ export default {
.header__close-icon {
height: 32px;
width: 32px;
color: var(--header-fg-color);
color: var(--header-fg-color, #ffffff);
}
.header__close-icon {
Expand Down
6 changes: 3 additions & 3 deletions src/components/LaunchButton.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -35,7 +35,7 @@ export default {
</script>
<style scoped>
.launch-button {
background-color: var(--header-bg-color);
background-color: var(--header-bg-color, #4e8cff);
width: 60px;
height: 60px;
background-position: center;
Expand All @@ -55,14 +55,14 @@ export default {
.launch-button__open-icon {
height: 26px;
width: 26px;
color: var(--light-fg-color);
color: var(--light-fg-color, #ffffff);
}
.launch-button__close-icon {
stroke-width: 1;
height: 32px;
width: 32px;
color: var(--light-fg-color);
color: var(--light-fg-color, #ffffff);
}
.launch-button:hover {
Expand Down
2 changes: 1 addition & 1 deletion src/components/UserInput.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -86,7 +86,7 @@ export default {
bottom: 0;
display: flex;
justify-content: space-between;
background-color: var(--user-input-bg-color);
background-color: var(--user-input-bg-color, #f4f7f9);
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
transition: background-color 0.2s ease, box-shadow 0.2s ease;
Expand Down
62 changes: 31 additions & 31 deletions src/components/messages/ButtonsMessage.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -86,9 +86,9 @@ export default {
<style>
.btn {
border: 1px solid var(--button-bg-color);
background: var(--button-bg-color);
color: var(--button-fg-color);
border: 1px solid var(--button-bg-color, #4e8cff);
background: var(--button-bg-color, #4e8cff);
color: var(--button-fg-color, #ffffff);
cursor: pointer;
font-weight: 400;
text-align: center;
Expand All @@ -110,28 +110,28 @@ export default {
.btn.selected,
.btn:not(.expired) .btn:hover {
color: var(--button-bg-color);
background: var(--button-fg-color);
color: var(--button-bg-color, #4e8cff);
background: var(--button-fg-color, #ffffff);
}
.buttons.selected,
.buttons:not(.expired) .btn:hover {
color: var(--button-bg-color);
background: var(--button-fg-color);
color: var(--button-bg-color, #4e8cff);
background: var(--button-fg-color, #ffffff);
}
.buttons.expired .btn {
cursor: default;
color: var(--expired-color);
background: var(--button-fg-color);
border: 1px solid var(--expired-color);
color: var(--expired-color, #a9a9a9);
background: var(--button-fg-color, #ffffff);
border: 1px solid var(--expired-color, #a9a9a9);
}
.buttons.expired .btn.selected {
cursor: default;
color: var(--button-fg-color);
background: var(--expired-color);
border: 1px solid var(--expired-color);
color: var(--button-fg-color, #ffffff);
background: var(--expired-color, #a9a9a9);
border: 1px solid var(--expired-color, #a9a9a9);
}
.buttons h5 {
Expand All @@ -142,11 +142,11 @@ export default {
margin-bottom: 0.6rem;
font-size: 1rem;
font-weight: 500;
color: var(--buttons-title-color);
color: var(--buttons-title-color, #263238);
}
.buttons.expired h5 {
color: var(--expired-color);
color: var(--expired-color, #a9a9a9);
}
/* a.btn:first-child {
Expand All @@ -158,49 +158,49 @@ a.btn:last-child {
} */
.btn.secondary {
background: var(--secondary-color);
border-color: var(--secondary-color);
background: var(--secondary-color, #6c757d);
border-color: var(--secondary-color, #6c757d);
}
.buttons:not(.expired) .btn.secondary:hover {
color: var(--secondary-color) !important;
color: var(--secondary-color, #6c757d) !important;
}
.btn.success {
background: var(--success-color);
border-color: var(--success-color);
background: var(--success-color, #28a745);
border-color: var(--success-color, #28a745);
}
.buttons:not(.expired) .btn.success:hover {
color: var(--success-color) !important;
color: var(--success-color, #28a745) !important;
}
.btn.warning {
background: var(--warning-color);
border-color: var(--warning-color);
color: var(--dark-fg-color);
background: var(--warning-color, #ffc107);
border-color: var(--warning-color, #ffc107);
color: var(--dark-fg-color, #263238);
}
.buttons:not(.expired) .btn.warning:hover {
color: var(--warning-color) !important;
color: var(--warning-color, #ffc107) !important;
}
.btn.danger {
background: var(--danger-color);
border-color: var(--danger-color);
background: var(--danger-color, #dc3545);
border-color: var(--danger-color, #dc3545);
}
.buttons:not(.expired) .btn.danger:hover {
color: var(--danger-color) !important;
color: var(--danger-color, #dc3545) !important;
}
.btn.info {
background: var(--info-color);
border-color: var(--info-color);
background: var(--info-color, #17a2b8);
border-color: var(--info-color, #17a2b8);
}
.buttons:not(.expired) .btn.info:hover {
color: var(--info-color) !important;
color: var(--info-color, #17a2b8) !important;
}
</style>
16 changes: 8 additions & 8 deletions src/components/messages/CardMessage.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -140,9 +140,9 @@ export default {
-ms-flex-direction: column;
flex-direction: column;
word-wrap: break-word;
background-color: var(--card-bg-color);
background-color: var(--card-bg-color, #ffffff);
background-clip: border-box;
border: 1px solid var(--light-border-color);
border: 1px solid var(--light-border-color, #c9c9c9);
border-radius: 0.25rem;
border-bottom-left-radius: 0px;
}
Expand Down Expand Up @@ -173,7 +173,7 @@ export default {
.card-body h5 {
font-size: 1.25rem;
font-weight: 500;
color: var(--bot-message-fg-color);
color: var(--bot-message-fg-color, #263238);
}
.card-body h6 {
Expand All @@ -188,7 +188,7 @@ export default {
line-height: 1.6;
white-space: pre-wrap;
-webkit-font-smoothing: subpixel-antialiased;
color: var(--bot-message-fg-color);
color: var(--bot-message-fg-color, #263238);
margin-top: 0.6rem;
margin-bottom: 0.6rem;
}
Expand All @@ -199,7 +199,7 @@ export default {
}
.card .clickablelist-message__item:first-child {
border-top: 1px solid var(--light-border-color);
border-top: 1px solid var(--light-border-color, #c9c9c9);
border-top-left-radius: initial;
border-top-right-radius: initial;
}
Expand All @@ -212,17 +212,17 @@ export default {
.card .buttons {
text-align: center;
border-top: 1px solid var( --light-border-color);
border-top: 1px solid var( --light-border-color, #c9c9c9);
padding: 12px;
}
.card .links {
border-top: 1px solid var( --light-border-color);
border-top: 1px solid var( --light-border-color, #c9c9c9);
padding: 12px;
}
.card .links a {
color: var(--card-link-color);
color: var(--card-link-color, #007bff);
font-size: 0.9rem;
padding-right: 10px;
text-decoration: none;
Expand Down
Loading

0 comments on commit 45b72cc

Please sign in to comment.