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

7
public_html/index.html
View File

@ -163,11 +163,8 @@
<div class="input_msg_write"> <div class="input_msg_write">
<input type="text" class="write_msg" placeholder="Type a message" /> <input type="text" class="write_msg" placeholder="Type a message" />
<button class="msg_send_btn" type="button"> <button class="msg_send_btn" type="button">
<svg xmlns="http://www.w3.org/2000/svg" <svg xmlns="http://www.w3.org/2000/svg" width="25" height="21" viewBox="0 0 25 21">
width="24" <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"/>
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> </svg>
</button> </button>
</div> </div>