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

Improve clearfix

Browse Source
This commit is contained in:
Maximilian Mader 2014-09-20 21:57:17 +02:00
parent 3f632571f2
commit a6e6184da6
2 changed files with 16 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -192,6 +192,16 @@
} }
} }
&:not(.bubble) {
.timsChatInnerMessage {
div.timsChatTextContainer {
display: inline-block;
vertical-align: top;
max-width: 100%;
}
}
}
&.bubble { &.bubble {
> .timsChatAvatarContainer { > .timsChatAvatarContainer {
margin-left: 0px; margin-left: 0px;
@ -208,6 +218,8 @@
> .timsChatTextContainer { > .timsChatTextContainer {
> li.timsChatText { > li.timsChatText {
.clearfix;
border-style: solid; border-style: solid;
border-width: 0 0 1px 0; border-width: 0 0 1px 0;
border-color: @wcfContainerBorderColor; border-color: @wcfContainerBorderColor;
@ -271,14 +283,6 @@
} }
} }
} }
.timsChatInnerMessage {
> .timsChatTextContainer {
.timsChatText {
.clearfix;
}
}
}
} }
&:nth-child(even) { &:nth-child(even) {

16
template/message.tpl
View File

@ -47,22 +47,14 @@
</ul> </ul>
<input type="checkbox" class="timsChatMessageGroupMarker jsTooltip" value="{@$message.messageID}" title="{lang}chat.global.markAll{/lang}" /> <input type="checkbox" class="timsChatMessageGroupMarker jsTooltip" value="{@$message.messageID}" title="{lang}chat.global.markAll{/lang}" />
{elseif $message.type == $messageTypes.INFORMATION}
<div class="timsChatTextContainer">
<span class="timsChatText" data-message-id="{@$message.messageID}">
{@$message.formattedMessage}
<input type="checkbox" class="timsChatMessageMarker jsTooltip" value="{@$message.messageID}" title="{lang}chat.global.mark{/lang}"/>
</span>
</div>
{else} {else}
<span class="timsChatTextContainer"> <div class="timsChatTextContainer">
<span class="timsChatText" data-message-id="{@$message.messageID}"> <div class="timsChatText" data-message-id="{@$message.messageID}">
{@$message.formattedMessage} {@$message.formattedMessage}
<input type="checkbox" class="timsChatMessageMarker jsTooltip" value="{@$message.messageID}" title="{lang}chat.global.mark{/lang}"/> <input type="checkbox" class="timsChatMessageMarker jsTooltip" value="{@$message.messageID}" title="{lang}chat.global.mark{/lang}"/>
</span> </div>
</span> </div>
{/if} {/if}
</div> </div>
</div> </div>