Bastelstube/Tims-Chat
1
0
Fork 0
mirror of https://github.com/wbbaddons/Tims-Chat.git synced 2024-10-31 14:10: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; background-color: @wcfContainerAccentBackgroundColor;
&:after { &:after {
border-color: transparent @wcfContainerAccentBackgroundColor; border-color: transparent @wcfContainerAccentBackgroundColor !important;
} }
} }
} }
@ -193,14 +193,9 @@
position: relative; position: relative;
> div.avatarContainer { > div.avatarContainer {
position: absolute; position: relative;
width: 40px;
height: 38px;
> .userAvatar {
float: left; float: left;
margin-left: 16px; margin-left: 16px;
}
> .avatarExtra { > .avatarExtra {
box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3);
@ -235,10 +230,8 @@
&.bubble { &.bubble {
> div.avatarContainer { > div.avatarContainer {
.userAvatar {
margin-left: 0; margin-left: 0;
} }
}
.innerMessage { .innerMessage {
border-width: 1px; border-width: 1px;
@ -277,7 +270,7 @@
} }
&.right { &.right {
.userAvatar { .avatarContainer {
float: right; float: right;
} }
@ -300,19 +293,6 @@
top: 6px; top: 6px;
border-width: 5px 0 5px 5px; border-width: 5px 0 5px 5px;
} }
time {
float: left;
margin-right: @wcfGapTiny;
}
.username {
float: right;
}
.text {
clear: left;
}
} }
} }
} }
@ -345,45 +325,10 @@
} }
} }
#sidebarContent { #chatSidebarTabContainer {
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;
}
}
#timsChatUserList { #timsChatUserList {
.timsChatUser { .timsChatUser {
> a { > a {
background: @wcfContentBackgroundColor;
img { img {
margin-right: @wcfGapSmall; margin-right: @wcfGapSmall;
} }