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

Fixed icons.

Browse Source
This commit is contained in:
max-m 2012-05-21 12:27:26 +02:00
parent 961dbcc1f9
commit ddf4265fd6
5 changed files with 58 additions and 58 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
file/icon/chat.svg
View File

@ -25,11 +25,11 @@
} }
.Upper .bubble { .Upper .bubble {
fill:none; fill:none;
stroke:#336699; stroke:#666666;
stroke-opacity:1; stroke-opacity:1;
} }
.Upper .leaderLine { .Upper .leaderLine {
fill:#336699; fill:#666666;
fill-opacity:1; fill-opacity:1;
stroke:none; stroke:none;
} }

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.9 KiB

After

Width:  |  Height:  |  Size: 1.9 KiB

4
file/icon/chat1.svg → file/icon/chatColored.svg
View File

@ -25,11 +25,11 @@
} }
.Upper .bubble { .Upper .bubble {
fill:none; fill:none;
stroke:#666666; stroke:#336699;
stroke-opacity:1; stroke-opacity:1;
} }
.Upper .leaderLine { .Upper .leaderLine {
fill:#666666; fill:#336699;
fill-opacity:1; fill-opacity:1;
stroke:none; stroke:none;
} }
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.9 KiB

After

Width:  |  Height:  |  Size: 1.9 KiB

84
file/style/jCounter.scss
View File

@ -1,42 +1,42 @@
.jCounterContainer { .jCounterContainer {
display: table; display: table;
> div { > div {
display: table-row; display: table-row;
} }
} }
.jCounterInput { .jCounterInput {
height: 16px; height: 16px;
width: 100%; width: 100%;
position: relative; position: relative;
z-index: 9999; z-index: 9999;
box-sizing: content-box !important; box-sizing: content-box !important;
} }
.jCounterInput, .jCounter { .jCounterInput, .jCounter {
display: table-cell; display: table-cell;
} }
.jCounter { .jCounter {
text-align: center; text-align: center;
background-color: rgba(0, 0, 0, 0.7); background-color: rgba(0, 0, 0, 0.7);
padding: 0 5px 0 10px; padding: 0 5px 0 10px;
position: relative; position: relative;
z-index: 0 !important; z-index: 0 !important;
border-radius: 0px 5px 5px 0px; border-radius: 0px 5px 5px 0px;
border: 1px solid rgba(255, 255, 255, 0.3); border: 1px solid rgba(255, 255, 255, 0.3);
width: 30px; width: 30px;
&.color-1 { &.color-1 {
color: #FFFFFF; color: #FFFFFF;
} }
&.color-2 { &.color-2 {
color: rgba(255,255,255,0.5); color: rgba(255,255,255,0.5);
} }
&.color-3 { &.color-3 {
color: #D40D12; color: #D40D12;
} }
} }

20
template/chat.tpl
View File

@ -32,11 +32,11 @@
} }
.timsChatMessage{$type|concat:'JOIN'|constant} { .timsChatMessage{$type|concat:'JOIN'|constant} {
background-image: url({icon size='S'}toRight1{/icon}); background-image: url({icon size='S'}circleArrowRight{/icon});
} }
.timsChatMessage{$type|concat:'LEAVE'|constant} { .timsChatMessage{$type|concat:'LEAVE'|constant} {
background-image: url({icon size='S'}toLeft1{/icon}); background-image: url({icon size='S'}circleArrowLeft{/icon});
} }
.timsChatMessage{$type|concat:'INFORMATION'|constant} { .timsChatMessage{$type|concat:'INFORMATION'|constant} {
@ -48,7 +48,7 @@
} }
.ajaxLoad { .ajaxLoad {
background-image: url({icon size='S'}spinner1{/icon}); background-image: url({icon size='S'}spinner{/icon});
} }
</style> </style>
</head> </head>
@ -88,27 +88,27 @@
<ul class="smallButtons"> <ul class="smallButtons">
<li> <li>
<a id="timsChatAutoscroll" href="javascript:;" class="timsChatToggle jsTooltip button" title="{lang}wcf.global.button.disable{/lang}" data-disable-message="{lang}wcf.global.button.disable{/lang}" data-enable-message="{lang}wcf.global.button.enable{/lang}" data-status="1"> <a id="timsChatAutoscroll" href="javascript:;" class="timsChatToggle jsTooltip button" title="{lang}wcf.global.button.disable{/lang}" data-disable-message="{lang}wcf.global.button.disable{/lang}" data-enable-message="{lang}wcf.global.button.enable{/lang}" data-status="1">
<img alt="" src="{icon size='S'}enabled1{/icon}" /> <span>{lang}wcf.chat.scroll{/lang}</span> <img alt="" src="{icon size='S'}enabled{/icon}" /> <span>{lang}wcf.chat.scroll{/lang}</span>
</a> </a>
</li> </li>
<li> <li>
<a id="timsChatNotify" href="javascript:;" class="timsChatToggle jsTooltip button" title="{lang}wcf.global.button.enable{/lang}" data-disable-message="{lang}wcf.global.button.disable{/lang}" data-enable-message="{lang}wcf.global.button.enable{/lang}" data-status="0"> <a id="timsChatNotify" href="javascript:;" class="timsChatToggle jsTooltip button" title="{lang}wcf.global.button.enable{/lang}" data-disable-message="{lang}wcf.global.button.disable{/lang}" data-enable-message="{lang}wcf.global.button.enable{/lang}" data-status="0">
<img alt="" src="{icon size='S'}disabled1{/icon}" /> <span>{lang}wcf.chat.notify{/lang}</span> <img alt="" src="{icon size='S'}disabled{/icon}" /> <span>{lang}wcf.chat.notify{/lang}</span>
</a> </a>
</li> </li>
<li{if !MODULE_SMILEY} style="display: none;"{/if}> <li{if !MODULE_SMILEY} style="display: none;"{/if}>
<a id="timsChatSmilies" href="javascript:;" class="timsChatToggle jsTooltip button" title="{lang}wcf.global.button.disable{/lang}" data-disable-message="{lang}wcf.global.button.disable{/lang}" data-enable-message="{lang}wcf.global.button.enable{/lang}" data-status="1"> <a id="timsChatSmilies" href="javascript:;" class="timsChatToggle jsTooltip button" title="{lang}wcf.global.button.disable{/lang}" data-disable-message="{lang}wcf.global.button.disable{/lang}" data-enable-message="{lang}wcf.global.button.enable{/lang}" data-status="1">
<img alt="" src="{icon size='S'}enabled1{/icon}" /> <span>{lang}wcf.chat.smilies{/lang}</span> <img alt="" src="{icon size='S'}enabled{/icon}" /> <span>{lang}wcf.chat.smilies{/lang}</span>
</a> </a>
</li> </li>
<li> <li>
<a id="timsChatClear" href="javascript:;" class="jsTooltip button" title="{lang}wcf.chat.clear.description{/lang}"> <a id="timsChatClear" href="javascript:;" class="jsTooltip button" title="{lang}wcf.chat.clear.description{/lang}">
<img alt="" src="{icon size='S'}delete1{/icon}" /> <span>{lang}wcf.chat.clear{/lang}</span> <img alt="" src="{icon size='S'}delete{/icon}" /> <span>{lang}wcf.chat.clear{/lang}</span>
</a> </a>
</li> </li>
<li> <li>
<a id="timsChatMark" href="javascript:;" class="jsTooltip button" title="{lang}wcf.chat.mark.description{/lang}"> <a id="timsChatMark" href="javascript:;" class="jsTooltip button" title="{lang}wcf.chat.mark.description{/lang}">
<img alt="" src="{icon size='S'}check1{/icon}" /> <span>{lang}wcf.chat.mark{/lang}</span> <img alt="" src="{icon size='S'}check{/icon}" /> <span>{lang}wcf.chat.mark{/lang}</span>
</a> </a>
</li> </li>
</ul> </ul>
@ -139,7 +139,7 @@
'wcf.chat.newMessages': '{lang}wcf.chat.newMessages{/lang}' 'wcf.chat.newMessages': '{lang}wcf.chat.newMessages{/lang}'
}); });
WCF.Icon.addObject({ WCF.Icon.addObject({
'be.bastelstu.wcf.chat.chat': '{icon size='L'}chat1{/icon}' 'be.bastelstu.wcf.chat.chat': '{icon size='L'}chat{/icon}'
}); });
{event name='shouldInit'} {event name='shouldInit'}
// Boot the chat // Boot the chat
@ -170,4 +170,4 @@
{include file='footer' sandbox=false} {include file='footer' sandbox=false}
</body> </body>
</html> </html>

4
template/chatNavigationInclude.tpl
View File

@ -1,5 +1,5 @@
<li> <li>
<a href="{link controller="Chat" action="Log"}{/link}" title="{lang}wcf.chat.protocol{/lang}" class="jsTooltip"> <a href="{link controller="Chat" action="Log"}{/link}" title="{lang}wcf.chat.protocol{/lang}" class="jsTooltip">
<img src="{icon size='S'}session1{/icon}" alt="" /> <span>{lang}wcf.chat.protocol{/lang}</span> <img src="{icon size='S'}eye{/icon}" alt="" /> <span>{lang}wcf.chat.protocol{/lang}</span>
</a> </a>
</li> </li>