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

Fixing some classes, real buttons

Browse Source
This commit is contained in:
Tim Düsterhus 2012-02-06 18:35:09 +01:00
parent 5cb790cbb4
commit a8ae61b4e1
3 changed files with 44 additions and 57 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
file/style/timwolla.wcf.chat.scss
View File

@ -32,7 +32,7 @@ .sidebar {
} }
} }
#timsChatTopic, #smileyList, #timsChatOptions { #timsChatTopic, #smileyList {
padding: 5px; padding: 5px;
} }
@ -43,7 +43,7 @@ .timsChatMessageContainer {
padding-left: 7px !important; padding-left: 7px !important;
} }
#smileyList .smilies, .smallButtons { #smileyList .smilies {
li { li {
display: inline; display: inline;
margin: 5px 5px 0 0; margin: 5px 5px 0 0;
@ -63,7 +63,9 @@ #timsChatInput {
} }
#timsChatOptions { #timsChatOptions {
display: inline-block; > ul {
text-align: right;
}
} }
#timsChatUserList { #timsChatUserList {

47
template/chat.tpl
View File

@ -90,7 +90,7 @@
<body id="tpl{$templateName|ucfirst}"> <body id="tpl{$templateName|ucfirst}">
{capture assign='sidebar'} {capture assign='sidebar'}
<div id="sidebarContent" class="sidebarContent"> <div id="sidebarContent" class="wcf-sidebarContent">
<nav class="timsChatSidebarTabs"> <nav class="timsChatSidebarTabs">
<ul> <ul>
<li id="toggleUsers" class="active"><a href="javascript:;" title="{lang}wcf.chat.users{/lang}">{lang}wcf.chat.users{/lang} <span class="badge">0</span></a></li> <li id="toggleUsers" class="active"><a href="javascript:;" title="{lang}wcf.chat.users{/lang}">{lang}wcf.chat.users{/lang} <span class="badge">0</span></a></li>
@ -100,21 +100,8 @@
<div id="sidebarContainer"> <div id="sidebarContainer">
<ul id="timsChatUserList"> <ul id="timsChatUserList">
{*section name=user start=1 loop=26}
<li class="timsChatUser">
<a href="javascript:;">User {$user}</a>
<ul class="timsChatUserMenu">
<li>
<a href="javascript:;">{lang}wcf.chat.query{/lang}</a>
<a href="javascript:;">{lang}wcf.chat.kick{/lang}</a>
<a href="javascript:;">{lang}wcf.chat.ban{/lang}</a>
<a href="{link controller="User" id=$user}{/link}">{lang}wcf.chat.profile{/lang}</a>
</li>
</ul> </ul>
</li> <nav id="timsChatRoomList" class="wcf-sidebarMenu" style="display: none;">
{/section*}
</ul>
<nav id="timsChatRoomList" class="sidebarMenu" style="display: none;">
<div> <div>
<ul> <ul>
{foreach from=$rooms item='roomListRoom'} {foreach from=$rooms item='roomListRoom'}
@ -134,19 +121,19 @@
{include file='header' sandbox=false sidebarOrientation='right'} {include file='header' sandbox=false sidebarOrientation='right'}
<div id="timsChatRoomContent"> <div id="timsChatRoomContent">
<div id="timsChatTopic" class="border"{if $room->topic|language === ''} style="display: none;"{/if}>{$room->topic|language}</div> <div id="timsChatTopic" class="wcf-border"{if $room->topic|language === ''} style="display: none;"{/if}>{$room->topic|language}</div>
<div class="timsChatMessageContainer border content"> <div class="timsChatMessageContainer wcf-border wcf-content">
<ul> <ul>
<noscript><li class="error">{lang}wcf.chat.noJs{/lang}</li></noscript> <noscript><li class="wcf-error">{lang}wcf.chat.noJs{/lang}</li></noscript>
</ul> </ul>
</div> </div>
<form id="timsChatForm" action="{link controller="Chat" action="Send"}{/link}" method="post"> <form id="timsChatForm" action="{link controller="Chat" action="Send"}{/link}" method="post">
<input type="text" id="timsChatInput" class="inputText long jsCounterInput" name="text" autocomplete="off" maxlength="{CHAT_LENGTH}" disabled="disabled" required="required" placeholder="{lang}wcf.chat.submit.default{/lang}" /> <input type="text" id="timsChatInput" class="inputText long jsCounterInput" name="text" autocomplete="off" maxlength="{@CHAT_LENGTH}" disabled="disabled" required="required" placeholder="{lang}wcf.chat.submit.default{/lang}" />
</form> </form>
<div id="timsChatControls"> <div id="timsChatControls" class="wcf-border">
<div id="smileyList" class="border"> <div id="smileyList">
<ul class="smilies"> <ul class="smilies">
{foreach from=$smilies item='smiley'} {foreach from=$smilies item='smiley'}
<li> <li>
@ -155,37 +142,35 @@
{/foreach} {/foreach}
</ul> </ul>
</div> </div>
<div id="timsChatOptions" class="border"> <nav id="timsChatOptions">
<div class="smallButtons"> <ul class="wcf-smallButtons">
<ul>
<li> <li>
<a id="timsChatAutoscroll" href="javascript:;" class="timsChatToggle balloonTooltip" 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 wcf-balloonTooltip wcf-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'}enabled1{/icon}" /> <span>{lang}wcf.chat.scroll{/lang}</span>
</a> </a>
</li> </li>
<li> <li>
<a id="timsChatNotify" href="javascript:;" class="timsChatToggle balloonTooltip" 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 wcf-balloonTooltip wcf-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'}disabled1{/icon}" /> <span>{lang}wcf.chat.notify{/lang}</span>
</a> </a>
</li> </li>
<li> <li>
<a id="timsChatSmilies" href="javascript:;" class="timsChatToggle balloonTooltip" 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 wcf-balloonTooltip wcf-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'}enabled1{/icon}" /> <span>{lang}wcf.chat.smilies{/lang}</span>
</a> </a>
</li> </li>
<li> <li>
<a id="timsChatClear" href="javascript:;" class="balloonTooltip" title="{lang}wcf.chat.clear.description{/lang}"> <a id="timsChatClear" href="javascript:;" class="wcf-balloonTooltip wcf-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'}delete1{/icon}" /> <span>{lang}wcf.chat.clear{/lang}</span>
</a> </a>
</li> </li>
<li> <li>
<a id="timsChatMark" href="javascript:;" class="balloonTooltip" title="{lang}wcf.chat.mark.description{/lang}"> <a id="timsChatMark" href="javascript:;" class="wcf-balloonTooltip wcf-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'}check1{/icon}" /> <span>{lang}wcf.chat.mark{/lang}</span>
</a> </a>
</li> </li>
</ul> </ul>
</div> </nav>
</div>
{include file='chatCopyright'} {include file='chatCopyright'}
</div> </div>
</div> </div>

4
template/chatNavigationInclude.tpl
View File

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