mirror of
https://github.com/wbbaddons/Tims-Chat.git
synced 2024-10-31 14:10:08 +00:00
Improve message icons
This commit is contained in:
parent
98943f9309
commit
d280492e78
@ -27,12 +27,9 @@
|
||||
padding-left: 16px;
|
||||
min-height: 16px;
|
||||
clear: both;
|
||||
position: relative;
|
||||
|
||||
time:first-child {
|
||||
font-size: .8em;
|
||||
&::before, &::after {
|
||||
font-size: .8em;
|
||||
}
|
||||
&::before {
|
||||
content: "[";
|
||||
}
|
||||
@ -48,6 +45,13 @@
|
||||
&.unloaded {
|
||||
opacity: 0.4;
|
||||
}
|
||||
|
||||
&::before {
|
||||
.icon;
|
||||
.icon16;
|
||||
position: absolute;
|
||||
left: 0px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -61,38 +61,19 @@
|
||||
|
||||
<style type="text/css">
|
||||
{assign var='type' value='\chat\data\message\Message::TYPE_'}
|
||||
.timsChatMessage{$type|concat:'JOIN'|constant}, .timsChatMessage{$type|concat:'LEAVE'|constant},
|
||||
.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 {
|
||||
.timsChatMessage{$type|concat:'JOIN'|constant}::before {
|
||||
content: "\f090";
|
||||
}
|
||||
|
||||
.timsChatMessage{$type|concat:'LEAVE'|constant}:before {
|
||||
.timsChatMessage{$type|concat:'LEAVE'|constant}::before {
|
||||
content: "\f08b";
|
||||
}
|
||||
|
||||
.timsChatMessage{$type|concat:'INFORMATION'|constant}:before {
|
||||
.timsChatMessage{$type|concat:'INFORMATION'|constant}::before {
|
||||
content: "\f05a";
|
||||
}
|
||||
|
||||
.timsChatMessage{$type|concat:'ERROR'|constant}:before {
|
||||
.timsChatMessage{$type|concat:'ERROR'|constant}::before {
|
||||
content: "\f05e";
|
||||
}
|
||||
</style>
|
||||
|
Loading…
Reference in New Issue
Block a user