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

fix bg color on start button and input width on mobile

Browse Source
This commit is contained in:
Sharon Kennedy 2020-02-24 18:14:36 -05:00
parent fec0c1eb14
commit 55723e94c7
1 changed files with 15 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
src/components/_chat.scss
View File

@ -1,4 +1,4 @@
* { min-height: 0 } /* hacky fix for overflow scroll bug in nexted flex containers in firefox */
@keyframes slideInUp { @keyframes slideInUp {
from { from {
@ -46,6 +46,8 @@
color: $white; color: $white;
font-size: 1rem; font-size: 1rem;
line-height: 1; line-height: 1;
background-color: transparent;
padding: 5px;
#open-chatbox-label { #open-chatbox-label {
background: $theme-color; background: $theme-color;
@ -166,6 +168,7 @@
.docked-widget { .docked-widget {
right: 0; right: 0;
left: 0; left: 0;
bottom: 0;
} }
.dock, .widget { .dock, .widget {
@ -181,6 +184,7 @@
height: 60vh; height: 60vh;
max-height: 100vh; max-height: 100vh;
min-height: 180px; min-height: 180px;
padding: 5px;
a { a {
color: inherit; color: inherit;
@ -191,7 +195,7 @@
border: 1px solid $dark-color; border: 1px solid $dark-color;
flex: 1 1 auto; flex: 1 1 auto;
padding: 0.5rem; padding: 0.5rem;
overflow: auto; overflow: scroll;
display: flex; display: flex;
flex-direction: column-reverse; flex-direction: column-reverse;
justify-content: space-between; justify-content: space-between;
@ -259,11 +263,17 @@
margin-bottom: 0; margin-bottom: 0;
} }
input[placeholder] {
text-overflow: ellipsis;
overflow: hidden;
}
input[type="text"] { input[type="text"] {
font-size: 1rem; font-size: 1rem;
padding: 0.5rem; padding: 0.5rem;
border: none; border: none;
flex: 1 0 auto; display: flex;
flex: 1 1 auto;
border: 1px solid $dark-color; border: 1px solid $dark-color;
background: $light-color; background: $light-color;
color: $dark-color; color: $dark-color;
@ -285,6 +295,8 @@
border: 1px solid $theme-color; border: 1px solid $theme-color;
font-family: $theme-font; font-family: $theme-font;
cursor: pointer; cursor: pointer;
display: flex;
flex: 1 0 auto;
} }
} }