--- a/src/pyams_skin/resources/less/apps/chat.less Thu Jun 02 16:33:03 2016 +0200
+++ b/src/pyams_skin/resources/less/apps/chat.less Thu Jun 02 16:34:29 2016 +0200
@@ -161,7 +161,7 @@
-webkit-box-shadow: inset 2px 2px 5px rgba(0, 0, 0, .04);
box-shadow: inset 2px 2px 5px rgba(0, 0, 0, .04);
display: block;
- height: 270px;
+ min-height: 270px;
overflow-y: scroll;
overflow-x: hidden;
padding: 10px;
@@ -176,17 +176,22 @@
padding: 0;
}
li {
- &:first-child {
- margin-top: 10px;
- }
&.message {
display: block;
position: relative;
- margin: 20px 20px 0;
+ padding: 10px;
+ margin: 2px;
+ &:hover {
+ background-color: #eee;
+ }
+ &.request,
+ &.request:hover {
+ background-color: #e4e4e4;
+ }
img {
display: inline-block;
- border-left: 4px solid #fff;
+ border-left: 4px solid transparent;
position: absolute;
&.online {
@@ -209,16 +214,16 @@
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
padding: 0;
- margin-left: 65px;
+ margin-left: 50px;
line-height: normal;
time {
position: absolute;
- top: 1px;
- right: 0;
+ top: 3px;
+ right: 5px;
font-size: 10px;
line-height: 10px;
- color: #AFAFAF;
+ color: #a1a1a1;
}
.chat-file {
display: block;
@@ -257,7 +262,7 @@
}
}
}
- a.username {
+ .username {
display: block;
font-weight: 700;
margin-bottom: 4px;