1
0
mirror of https://github.com/wbbaddons/Tims-Chat.git synced 2024-12-22 21:40:08 +00:00

Made sidebar collapseable

This commit is contained in:
max-m 2011-12-15 21:45:37 +01:00
parent bb1fd6e82c
commit 9949a0de89

View File

@ -24,13 +24,6 @@
width: 190px;
}
#chatRoomContent:after {
clear: both;
height: 0;
content: "";
display: block;
}
aside h2 {
margin: auto;
text-align: center;
@ -67,7 +60,15 @@
margin-top: 15px;
white-space: nowrap;
margin-top: 10px;
/* Fix to align chatInput in center */
text-align: center;
}
#chatInput {
background-position: right center;
background-repeat: no-repeat;
}
#chatOptions {
display: inline-block;
}
@ -138,58 +139,14 @@
</head>
<body id="tpl{$templateName|ucfirst}">
<a id="top"></a>
<!-- HEADER -->
<header id="pageHeader" class="pageHeader">
<div>
{hascontent}
<!-- top menu -->
<nav id="topMenu" class="topMenu">
<div>
<ul>
{content}{event name='topMenu'}{/content}
</ul>
</div>
</nav>
<!-- /top menu -->
{/hascontent}
<!-- logo -->
<div id="logo" class="logo">
<!-- clickable area -->
<a href="{link controller='Index'}{/link}">
<!-- *** insert header logo here -->
</a>
<!-- /clickable area -->
<!-- search area -->
{event name='searchArea'}
<!-- /search area -->
</div>
<!-- /logo -->
<!-- main menu -->
{include file='mainMenu'}
<!-- /main menu -->
<!-- header navigation -->
<nav class="headerNavigation">
<div>
<ul>
<li id="toBottomLink" class="toBottomLink"><a href="#bottom" title="{lang}wcf.global.scrollDown{/lang}" class="balloonTooltip"><img src="{icon size='S'}toBottom{/icon}" alt="" /> <span class="invisible">{lang}wcf.global.scrollDown{/lang}</span></a></li>
{event name='headerNavigation'}
</ul>
</div>
</nav>
<!-- /header navigation -->
</div>
</header>
<!-- /HEADER -->
<!-- MAIN -->
<div id="main" class="main right">
<div>
{capture assign='sidebar'}{/capture}
{capture assign='header'}{include file='header' sandbox=false}{/capture}
{assign var='header' value='class="main"'|str_replace:'class="main right"':$header}
{assign var='header' value='<!-- CONTENT -->'|str_replace:$sidebar:$header}
{assign var='header' value='<section id="content" class="content">'|str_replace:$sidebar:$header}
{@$header}
<aside class="sidebar">
<div id="sidebar">
<button title="{lang}wcf.chat.title{/lang}" value="{link controller="Chat"}{/link}">{lang}wcf.chat.title{/lang}</button>
<button title="{lang}wcf.chat.protocol{/lang}" value="{link controller="Chat" action="Log"}{/link}">{lang}wcf.chat.protocol{/lang}</button>
<h2>{lang}wcf.chat.users{/lang}</h2>
@ -220,6 +177,7 @@
</ul>
</div>
</nav>
</div>
</aside>
<!-- CONTENT -->
<section id="content" class="content">