Github/ocrcc-chatbox
1
0
Fork 1
mirror of https://github.com/Safe-Support-Chat/ocrcc-chatbox synced 2024-12-23 17:47:43 +00:00
Code Issues 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 {
from {
@ -46,6 +46,8 @@
color: $white;
font-size: 1rem;
line-height: 1;
background-color: transparent;
padding: 5px;
#open-chatbox-label {
background: $theme-color;
@ -166,6 +168,7 @@
.docked-widget {
right: 0;
left: 0;
bottom: 0;
}
.dock, .widget {
@ -181,6 +184,7 @@
height: 60vh;
max-height: 100vh;
min-height: 180px;
padding: 5px;
a {
color: inherit;
@ -191,7 +195,7 @@
border: 1px solid $dark-color;
flex: 1 1 auto;
padding: 0.5rem;
overflow: auto;
overflow: scroll;
display: flex;
flex-direction: column-reverse;
justify-content: space-between;
@ -259,11 +263,17 @@
margin-bottom: 0;
}
input[placeholder] {
text-overflow: ellipsis;
overflow: hidden;
}
input[type="text"] {
font-size: 1rem;
padding: 0.5rem;
border: none;
flex: 1 0 auto;
display: flex;
flex: 1 1 auto;
border: 1px solid $dark-color;
background: $light-color;
color: $dark-color;
@ -285,6 +295,8 @@
border: 1px solid $theme-color;
font-family: $theme-font;
cursor: pointer;
display: flex;
flex: 1 0 auto;
}
}