dave/ocrcc-chatbox
1
0
Fork 0
forked from Github/ocrcc-chatbox
Code Issues Pull Requests Projects Releases Wiki Activity

fix chatbox outline

Browse Source
This commit is contained in:
Sharon Kennedy 2020-02-01 22:11:46 -05:00
parent d7ef37425e
commit 683edbe9fc
2 changed files with 6 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "embeddable-react-widget", "name": "ocrcc-chatbox",
"version": "0.0.1", "version": "0.1.0",
"description": "building an embeddable js widget with react", "description": "building an embeddable js widget with react",
"main": "index.js", "main": "index.js",
"scripts": { "scripts": {
@ -62,7 +62,7 @@
"./public" "./public"
] ]
}, },
"author": "seriousben https://github.com/seriousben", "author": "Nomadic Labs",
"license": "MIT", "license": "MIT",
"devDependencies": { "devDependencies": {
"@babel/core": "7.7.7", "@babel/core": "7.7.7",
@ -98,7 +98,7 @@
"eslint-plugin-import": "2.19.1", "eslint-plugin-import": "2.19.1",
"eslint-plugin-jsx-a11y": "6.2.3", "eslint-plugin-jsx-a11y": "6.2.3",
"eslint-plugin-react": "7.17.0", "eslint-plugin-react": "7.17.0",
"gh-pages": "2.2.0", "gh-pages": "^2.2.0",
"jest": "24.9.0", "jest": "24.9.0",
"jest-cli": "24.9.0", "jest-cli": "24.9.0",
"mini-css-extract-plugin": "0.9.0", "mini-css-extract-plugin": "0.9.0",

6
src/components/_chat.scss
View File

@ -7,8 +7,7 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
min-height: 50vh; min-height: 50vh;
outline: 1px solid $theme-color; border: 1px solid $theme-color;
outline-offset: -1px;
.message-window { .message-window {
background-color: $light-color; background-color: $light-color;
@ -67,6 +66,7 @@
display: flex; display: flex;
align-items: center; align-items: center;
margin-bottom: 0; margin-bottom: 0;
border-top: 1px solid $theme-color;
} }
input[type="text"] { input[type="text"] {
@ -75,8 +75,6 @@
border: none; border: none;
flex: 1 0 auto; flex: 1 0 auto;
border: none; border: none;
outline: 1px solid $theme-color;
outline-offset: -1px;
color: $dark-color; color: $dark-color;
font-family: $theme-font; font-family: $theme-font;