Bastelstube/Tims-Chat
1
0
Fork 0
mirror of https://github.com/wbbaddons/Tims-Chat.git synced 2025-01-09 00:20:08 +00:00
Code Issues Releases Wiki Activity

Improve message icons

Browse Source
This commit is contained in:
Tim Düsterhus 2013-01-28 20:45:57 +01:00
parent 98943f9309
commit d280492e78
2 changed files with 12 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
file/style/be.bastelstu.wcf.chat.less
View File

@ -27,12 +27,9 @@
padding-left: 16px; padding-left: 16px;
min-height: 16px; min-height: 16px;
clear: both; clear: both;
position: relative;
time:first-child { time:first-child {
font-size: .8em;
&::before, &::after {
font-size: .8em;
}
&::before { &::before {
content: "["; content: "[";
} }
@ -48,6 +45,13 @@
&.unloaded { &.unloaded {
opacity: 0.4; opacity: 0.4;
} }
&::before {
.icon;
.icon16;
position: absolute;
left: 0px;
}
} }
} }

27
template/chat.tpl
View File

@ -61,38 +61,19 @@
<style type="text/css"> <style type="text/css">
{assign var='type' value='\chat\data\message\Message::TYPE_'} {assign var='type' value='\chat\data\message\Message::TYPE_'}
.timsChatMessage{$type|concat:'JOIN'|constant}, .timsChatMessage{$type|concat:'LEAVE'|constant}, .timsChatMessage{$type|concat:'JOIN'|constant}::before {
.timsChatMessage{$type|concat:'INFORMATION'|constant}, .timsChatMessage{$type|concat:'ERROR'|constant} {
background-position: left top;
background-repeat: no-repeat;
background-size: 16px 16px;
}
.timsChatMessage:before {
font-family: "fontawesome";
margin-right: 5px;
vertical-align: middle;
height: 16px;
width: 16px;
}
.timsChatMessage{$type|concat:'NORMAL'|constant} {
margin-left: 16px;
}
.timsChatMessage{$type|concat:'JOIN'|constant}:before {
content: "\f090"; content: "\f090";
} }
.timsChatMessage{$type|concat:'LEAVE'|constant}:before { .timsChatMessage{$type|concat:'LEAVE'|constant}::before {
content: "\f08b"; content: "\f08b";
} }
.timsChatMessage{$type|concat:'INFORMATION'|constant}:before { .timsChatMessage{$type|concat:'INFORMATION'|constant}::before {
content: "\f05a"; content: "\f05a";
} }
.timsChatMessage{$type|concat:'ERROR'|constant}:before { .timsChatMessage{$type|concat:'ERROR'|constant}::before {
content: "\f05e"; content: "\f05e";
} }
</style> </style>