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

Minor improvements on the minimized chat toggle.

Browse Source
This commit is contained in:
JC Brand 2018-01-26 19:34:24 +01:00
parent 24afd73842
commit 5a9fd6c28d
5 changed files with 52 additions and 48 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
css/converse.css
View File

@ -5035,18 +5035,6 @@
display: block;
text-align: center;
width: 100%; }
#converse-embedded-chat a.restore-chat,
#conversejs a.restore-chat {
padding: 1px 0 1px 5px;
color: white;
line-height: 15px;
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
#converse-embedded-chat a.restore-chat:visited,
#conversejs a.restore-chat:visited {
color: white; }
#converse-embedded-chat .activated,
#conversejs .activated {
display: block !important; }
@ -6522,8 +6510,24 @@
border-top-right-radius: 4px;
background-color: #578EA9;
border: 1px solid white;
padding: 10px 0 0 0;
padding: 0.5em 0;
text-align: center;
color: white;
white-space: nowrap;
overflow-y: hidden;
text-overflow: ellipsis;
display: block; }
#conversejs:not(.fullscreen) #minimized-chats a.restore-chat {
padding: 1px 0 1px 5px;
color: white;
line-height: 15px;
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
#conversejs:not(.fullscreen) #minimized-chats a.restore-chat:hover {
text-decoration: none; }
#conversejs:not(.fullscreen) #minimized-chats a.restore-chat:visited {
color: white; }
#conversejs:not(.fullscreen) #minimized-chats .minimized-chats-flyout {
flex-direction: column-reverse;

12
css/inverse.css
View File

@ -5035,18 +5035,6 @@
display: block;
text-align: center;
width: 100%; }
#converse-embedded-chat a.restore-chat,
#conversejs a.restore-chat {
padding: 1px 0 1px 5px;
color: white;
line-height: 15px;
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
#converse-embedded-chat a.restore-chat:visited,
#conversejs a.restore-chat:visited {
color: white; }
#converse-embedded-chat .activated,
#conversejs .activated {
display: block !important; }

21
mockup/converse.html
View File

@ -219,17 +219,20 @@
<div id="minimized-chats" class="col col-1 w-100">
<div class="flyout minimized-chats-flyout row">
<a id="toggle-minimized-chats" href="#" class="row no-gutters">
<span class="badge badge-light">322</span>
<div class="col"> Minimized</div>
<span class="badge badge-light">322</span> Minimized
</a>
<div class="chat-head chat-head-chatroom row no-gutters">
<span class="badge badge-light">42</span>
<a href="#" class="restore-chat w-100 align-self-center" title="Click to maximize this chat">Restricted Chatroom</a>
<a href="#" class="restore-chat w-100 align-self-center" title="Click to maximize this chat">
<span class="badge badge-light">42</span>
Restricted Chatroom
</a>
<a class="chatbox-btn close-chatbox-button fa fa-times col col-1"></a>
</div>
<div class="chat-head chat-head-chatbox row no-gutters">
<span class="badge badge-light">4</span>
<a href="#" class="restore-chat w-100 align-self-center" title="Click to maximize this chat">JC Brand</a>
<a href="#" class="restore-chat w-100 align-self-center" title="Click to maximize this chat">
<span class="badge badge-light">4</span>
JC Brand
</a>
<a class="chatbox-btn close-chatbox-button fa fa-times col col-1"></a>
</div>
<div class="chat-head chat-head-chatroom row no-gutters">
@ -241,8 +244,10 @@
<a class="chatbox-btn close-chatbox-button fa fa-times col col-1"></a>
</div>
<div class="chat-head chat-head-chatbox row no-gutters">
<span class="badge badge-light">842</span>
<a href="#" class="restore-chat w-100 align-self-center" title="Click to maximize this chat">Asmaa Haakman</a>
<a href="#" class="restore-chat w-100 align-self-center" title="Click to maximize this chat">
<span class="badge badge-light">842</span>
Asmaa Haakman
</a>
<a class="chatbox-btn close-chatbox-button fa fa-times col col-1"></a>
</div>
<div class="chat-head chat-head-chatbox row no-gutters">

14
sass/_core.scss
View File

@ -245,20 +245,6 @@
width: 100%;
}
a.restore-chat {
padding: 1px 0 1px 5px;
color: $chat-head-text-color;
line-height: 15px;
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
a.restore-chat:visited {
color: $chat-head-text-color;
}
.activated {
display: block !important;
}

23
sass/converse/_minimized_chats.scss
View File

@ -17,9 +17,30 @@
border-top-right-radius: $chatbox-border-radius;
background-color: $link-color;
border: 1px solid white;
padding: 10px 0 0 0;
padding: 0.5em 0;
text-align: center;
color: white;
white-space: nowrap;
overflow-y: hidden;
text-overflow: ellipsis;
display: block;
}
a.restore-chat {
padding: 1px 0 1px 5px;
color: $chat-head-text-color;
line-height: 15px;
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
&:hover {
text-decoration: none;
}
}
a.restore-chat:visited {
color: $chat-head-text-color;
}
.minimized-chats-flyout {