Chapril/xmpp.chapril.org-conversejs
Chapril/xmpp.chapril.org-conversejs
25
0
Fork 0
Code Issues Pull Requests Projects Releases Activity

Fix CSS for the minimized chats toggle.

Browse Source
This commit is contained in:
JC Brand 2015-09-25 21:54:06 +00:00
parent 69dc80f60c
commit 07985ccf54
3 changed files with 14 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
css/converse.css
View File

@ -1253,25 +1253,26 @@
#conversejs .flyout {
border-radius: 4px;
bottom: 6px;
box-shadow: 1px 3px 5px 3px rgba(0, 0, 0, 0.4);
display: block;
position: absolute;
position: absolute; }
#conversejs .box-flyout {
box-shadow: 1px 3px 5px 3px rgba(0, 0, 0, 0.4);
height: 400px;
min-width: 200px;
min-height: 200px; }
#conversejs .box-flyout {
height: 400px; }
@media screen and (max-width: 480px) {
#conversejs .box-flyout {
height: 400px; } }
#conversejs .minimized-chats-flyout {
height: auto;
width: 130px; }
width: 130px;
bottom: 35px; }
#conversejs .minimized-chats-flyout .chat-head-chatroom,
#conversejs .minimized-chats-flyout .chat-head {
border-radius: 4px;
width: 130px;
height: 35px;
margin-bottom: 1px; }
margin-bottom: 0.2em; }
#conversejs .minimized-chats-flyout.minimized {
height: auto; }
#conversejs .dragresize {

11
sass/_core.scss
View File

@ -1507,15 +1507,15 @@
.flyout {
border-radius: $chatbox-border-radius;
bottom: $chatbox-hover-height;
box-shadow: 1px 3px 5px 3px rgba(0, 0, 0, 0.4);
display: block;
position: absolute;
min-width: $chat-width;
min-height: $chat-height/2;
}
.box-flyout {
box-shadow: 1px 3px 5px 3px rgba(0, 0, 0, 0.4);
height: $chat-height;
min-width: $chat-width;
min-height: $chat-height/2;
@media screen and (max-width: $mobile-landscape-length) {
height: $mobile-chat-height;
}
@ -1523,13 +1523,14 @@
.minimized-chats-flyout {
height: auto;
width: $minimized-chats-width;;
width: $minimized-chats-width;
bottom: $bottom-gutter-height;
.chat-head-chatroom,
.chat-head {
border-radius: $chatbox-border-radius;
width: $minimized-chats-width;
height: 35px;
margin-bottom: 1px;
margin-bottom: 0.2em;
}
&.minimized {
height: auto;

2
src/templates/chats_panel.html
View File

@ -1,4 +1,4 @@
<div id="minimized-chats">
<a id="toggle-minimized-chats" href="#"></a>
<div class="minimized-chats-flyout"></div>
<div class="flyout minimized-chats-flyout"></div>
</div>