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

make Tims Chat compatible with collapsible sidebar

Browse Source
This commit is contained in:
Tim Düsterhus 2012-10-25 22:58:54 +02:00
parent ea3b0f69cf
commit a03cf10fea
3 changed files with 159 additions and 161 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
file/lib/page/ChatPage.class.php
View File

@ -100,7 +100,9 @@ public function assignVariables() {
'roomID' => $this->roomID, 'roomID' => $this->roomID,
'rooms' => $this->rooms, 'rooms' => $this->rooms,
'defaultSmilies' => $this->defaultSmilies, 'defaultSmilies' => $this->defaultSmilies,
'smileyCategories' => $this->smileyCategories 'smileyCategories' => $this->smileyCategories,
'sidebarCollapsed' => \wcf\system\user\collapsible\content\UserCollapsibleContentHandler::getInstance()->isCollapsed('com.woltlab.wcf.collapsibleSidebar', 'be.bastelstu.wcf.chat.ChatPage'),
'sidebarName' => 'be.bastelstu.wcf.chat.ChatPage'
)); ));
} }

212
file/style/be.bastelstu.wcf.chat.less
View File

@ -9,8 +9,6 @@
#tplChat { #tplChat {
#content { #content {
position: relative;
#timsChatRoomContent { #timsChatRoomContent {
text-align: left; text-align: left;
@ -52,116 +50,11 @@
.sidebar { .sidebar {
margin-bottom: -20px !important; margin-bottom: -20px !important;
overflow: auto;
padding: 0; padding: 0;
h2 {
margin: auto;
}
ul {
li {
a {
color: @wcfLinkColor;
display: block;
padding: 5px 25px 7px 35px;
}
}
}
}
#timsChatForm {
white-space: nowrap;
margin-top: 10px;
// Fix to align chatInput in center
text-align: center;
#timsChatInput {
position: relative;
z-index: 10;
}
}
#timsChatControls {
position: relative;
.borderRadius(5px, 5px, 0, 5px);
#smilies {
padding: 14px 21px 7px;
border-bottom-right-radius: 0px;
> div {
li {
display: inline;
margin: 5px 5px 0 0;
.icon24 {
//.square(16px);
}
}
}
}
#timsChatOptions {
top: -1px;
right: 1px;
margin-left: 0;
position: relative;
width: 100%;
> ul {
margin-right: -1px;
text-align: right;
> li {
> a {
&.button {
.borderRadius(0);
margin: 0;
padding-right: 7px;
}
}
display: inline-block;
margin-left: -5px;
}
> li:first-child {
> a {
border-bottom-left-radius: 14px;
}
}
> li:last-child {
> a {
border-bottom-right-radius: 14px;
}
}
}
}
}
.ajaxLoad {
background-position: right center;
background-repeat: no-repeat;
background-size: auto 100%;
background-image: url("../icon/spinner.svg");
}
#timsChatCopyright {
bottom: 5px;
position: absolute;
.textShadow(@wcfContentBackgroundColor);
}
#timsChatCopyrightDialog {
background-position: right 45px;
background-repeat: no-repeat;
min-height: 50%;
}
#sidebarContent { #sidebarContent {
padding-top: 0px; padding-top: 0px;
overflow: hidden;
.timsChatSidebarTabs { .timsChatSidebarTabs {
height: 34px; height: 34px;
@ -314,6 +207,109 @@
} }
} }
h2 {
margin: auto;
}
ul {
li {
a {
color: @wcfLinkColor;
display: block;
padding: 5px 25px 7px 35px;
}
}
}
}
#timsChatForm {
white-space: nowrap;
margin-top: 10px;
// Fix to align chatInput in center
text-align: center;
#timsChatInput {
position: relative;
z-index: 10;
}
}
#timsChatControls {
position: relative;
.borderRadius(5px, 5px, 0, 5px);
#smilies {
padding: 14px 21px 7px;
border-bottom-right-radius: 0px;
> div {
li {
display: inline;
margin: 5px 5px 0 0;
.icon24 {
//.square(16px);
}
}
}
}
#timsChatOptions {
top: -1px;
right: 1px;
margin-left: 0;
position: relative;
width: 100%;
> ul {
margin-right: -1px;
text-align: right;
> li {
> a {
&.button {
.borderRadius(0);
margin: 0;
padding-right: 7px;
}
}
display: inline-block;
margin-left: -5px;
}
> li:first-child {
> a {
border-bottom-left-radius: 14px;
}
}
> li:last-child {
> a {
border-bottom-right-radius: 14px;
}
}
}
}
}
.ajaxLoad {
background-position: right center;
background-repeat: no-repeat;
background-size: auto 100%;
background-image: url("../icon/spinner.svg");
}
#timsChatCopyright {
.textShadow(@wcfContentBackgroundColor);
}
#timsChatCopyrightDialog {
background-position: right 45px;
background-repeat: no-repeat;
min-height: 50%;
}
.badgeBG(@backgroundColor) when (lightness(@backgroundColor) < 50%) { .badgeBG(@backgroundColor) when (lightness(@backgroundColor) < 50%) {
background-color: lighten(@backgroundColor, lightness(@backgroundColor) / 2); background-color: lighten(@backgroundColor, lightness(@backgroundColor) / 2);
} }

2
package.xml
View File

@ -4,7 +4,7 @@
<packagename><![CDATA[Tims Chat]]></packagename> <packagename><![CDATA[Tims Chat]]></packagename>
<packagedescription><![CDATA[Chat for WoltLab Community Framework™]]></packagedescription> <packagedescription><![CDATA[Chat for WoltLab Community Framework™]]></packagedescription>
<standalone>0</standalone> <standalone>0</standalone>
<version>3.0.0 Alpha 14</version> <version>3.0.0 Alpha 19</version>
<date>2011-11-26</date> <date>2011-11-26</date>
<plugin>com.woltlab.wcf.user</plugin> <!-- TODO: Correct me --> <plugin>com.woltlab.wcf.user</plugin> <!-- TODO: Correct me -->
</packageinformation> </packageinformation>