Bastelstube/Tims-Chat
1
0
Fork 0
mirror of https://github.com/wbbaddons/Tims-Chat.git synced 2024-12-21 21:30:08 +00:00
Code Issues Releases Wiki Activity

Fix right aligned messages

Browse Source
This commit is contained in:
Maximilian Mader 2013-11-21 21:56:57 +01:00
parent 12d59d93e2
commit 85be70c33d
1 changed files with 7 additions and 62 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

63
file/style/be.bastelstu.chat.less
View File

@ -177,7 +177,7 @@
background-color: @wcfContainerAccentBackgroundColor;
&:after {
border-color: transparent @wcfContainerAccentBackgroundColor;
border-color: transparent @wcfContainerAccentBackgroundColor !important;
}
}
}
@ -193,14 +193,9 @@
position: relative;
> div.avatarContainer {
position: absolute;
width: 40px;
height: 38px;
> .userAvatar {
position: relative;
float: left;
margin-left: 16px;
}
> .avatarExtra {
box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3);
@ -235,10 +230,8 @@
&.bubble {
> div.avatarContainer {
.userAvatar {
margin-left: 0;
}
}
.innerMessage {
border-width: 1px;
@ -277,7 +270,7 @@
}
&.right {
.userAvatar {
.avatarContainer {
float: right;
}
@ -300,19 +293,6 @@
top: 6px;
border-width: 5px 0 5px 5px;
}
time {
float: left;
margin-right: @wcfGapTiny;
}
.username {
float: right;
}
.text {
clear: left;
}
}
}
}
@ -345,45 +325,10 @@
}
}
#sidebarContent {
fieldset {
padding-top: 0px;
padding-bottom: 0px;
}
nav {
ul {
> li {
> a {
padding: @wcfGapTiny @wcfGapMedium @wcfGapTiny @wcfGapLarge;
height: 24px; // height of avatar image
}
> a:before {
display: inline-block;
content: "";
height: 100%;
vertical-align: middle;
}
> &.active {
margin-top: @wcfGapSmall;
}
}
}
}
ul:not(.dropdownMenu) {
> li {
margin-top: @wcfGapSmall;
}
}
#chatSidebarTabContainer {
#timsChatUserList {
.timsChatUser {
> a {
background: @wcfContentBackgroundColor;
img {
margin-right: @wcfGapSmall;
}