collarbone-annihilation/iu9-ca-web-chat
6
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

Обновить assets/css/chat.css #7

Closed
karimov-adel wants to merge 1 commits from karimov-adel-patch-1 into master
pull from: karimov-adel-patch-1
merge into: collarbone-annihilation:master
Conversation 0 Commits 1 Files Changed 1 +24
1 changed files with 24 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
assets/css/chat.css
View File

@ -36,6 +36,15 @@ body, html {
/*justify-self: flex-end;*/ /*justify-self: flex-end;*/
} }
.message-box-mine, .message-box-alien {
box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
}
.message-box-mine, .message-box-alien {
border-radius: 10px;
}
.message-box-alien { .message-box-alien {
margin-left: 5px; margin-left: 5px;
margin-right: auto; margin-right: auto;
@ -104,6 +113,12 @@ body, html {
display: inline; display: inline;
} }
.message-box-button:hover {
transform: scale(1.1);
transition: transform 0.2s;
}
.message-box-msg{ .message-box-msg{
word-wrap: break-word; word-wrap: break-word;
} }
@ -112,7 +127,14 @@ body, html {
min-height: 20px; min-height: 20px;
} }
#chat-widget {
background: linear-gradient(to bottom, #f1f1f1, #e0e0e0);
}
#message-input { #message-input {
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
padding: 20px;
padding: 15px; padding: 15px;
height: auto; height: auto;
width: 100%; width: 100%;
@ -124,6 +146,8 @@ body, html {
margin: 10px; margin: 10px;
} }
.message-in-popup-preview{ .message-in-popup-preview{
border: 4px solid red; border: 4px solid red;
width: 80%; width: 80%;