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:
parent
bb1fd6e82c
commit
9949a0de89
@ -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">
|
||||
|
Loading…
Reference in New Issue
Block a user