binaryDiv
/
instantchat
1
0
Fork 0
Code Issues 4 Pull Requests Releases Wiki Activity

css adjustments and icon change

This commit is contained in:
Jamie Kerner 2019-05-20 17:19:31 +02:00
parent be389e93a4
commit 829a462ff7
2 changed files with 14 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
public_html/css/style.css
View File

@ -152,7 +152,7 @@ img {
.chat_ib p {
font-size: 14px;
color: #989898;
color: #2b2b2b;
margin: auto;
}
@ -178,7 +178,7 @@ img {
}
.active_chat {
background: #ebebeb;
background: #dae3f2;
}
h5.incoming_msg_user {
@ -199,12 +199,12 @@ h5.incoming_msg_user {
}
.received_withd_msg p {
background: #ebebeb none repeat scroll 0 0;
background: #dae3f2 none repeat scroll 0 0;
border-radius: 3px;
color: #646464;
color: #2b2b2b;
font-size: 14px;
margin: 0;
padding: 5px 10px 5px 12px;
padding: 10px 10px 10px 12px;
width: 100%;
}
@ -229,6 +229,7 @@ h5.incoming_msg_user {
/*Messages*/
.sent_msg {
float: right;
margin-right: 20px;
width: 46%;
}
@ -237,13 +238,13 @@ h5.incoming_msg_user {
border-radius: 3px;
font-size: 14px;
margin: 0; color:#fff;
padding: 5px 10px 5px 12px;
padding: 10px 12px 10px 12px;
/*width: 100%;*/
}
.outgoing_msg {
overflow: hidden;
margin: 26px 0 26px;
margin: 12px 0 12px;
}
.input_msg_write input {
@ -266,15 +267,14 @@ h5.incoming_msg_user {
.msg_send_btn {
background: #05728f none repeat scroll 0 0;
border: medium none;
border-radius: 50%;
border-radius: 3px;
color: #fff;
cursor: pointer;
font-size: 17px;
height: 33px;
height: 35px;
position: absolute;
right: 0;
top: 8px;
width: 33px;
top: 7px;
width: 52px;
}
.msg_send_btn svg {

7
public_html/index.html
View File

@ -163,11 +163,8 @@
<div class="input_msg_write">
<input type="text" class="write_msg" placeholder="Type a message" />
<button class="msg_send_btn" type="button">
<svg xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24">
<path fill="none" d="M0 0h24v24H0V0z"/><path d="M4.01 6.03l7.51 3.22-7.52-1 .01-2.22m7.5 8.72L4 17.97v-2.22l7.51-1M2.01 3L2 10l15 2-15 2 .01 7L23 12 2.01 3z"/>
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="21" viewBox="0 0 25 21">
<path fill="#FFF" d="M24.0085292,2.21031867 L20.3673237,19.2383094 C20.099588,20.4698936 19.4034751,20.7376293 18.3860795,20.2021579 L12.870724,16.1325752 L10.1933669,18.702838 C9.92563124,18.9705737 9.65789553,19.2383094 9.06887699,19.2383094 L9.49725411,13.6158596 L19.724758,4.40575143 C20.1531351,3.97737431 19.6176637,3.76318575 19.0286452,4.13801573 L6.39151995,12.1165397 L0.929711603,10.4030312 C-0.248325492,10.0282012 -0.248325492,9.2249941 1.19744731,8.63597555 L22.4556622,0.496810165 C23.4730578,0.175527321 24.3298121,0.764545868 24.0085292,2.26386581 L24.0085292,2.21031867 Z"/>
</svg>
</button>
</div>